web预览本地视频window.URL.createObjectURL 的使用
window.URL.createObjectURL可以用于在浏览器上预览本地图片或者视频在预览视频时，我一直将以为将window.URL.createObjectURL生成的URL，赋给video中的source标签是可以的，结果是不行的，得不到视频，如下图需要将其赋给video标签才行，如下图像腾讯，优酷都是这么做的，没有使用source标签，如下图（只不过不是本地视频...
window.URL.createObjectURL
可以用于在浏览器上预览本地图片或者视频
在预览视频时，我一直将以为将window.URL.createObjectURL生成的URL，赋给video中的source标签是可以的，结果是不行的，得不到视频，如下图
需要将其赋给video标签才行，如下图
像腾讯，优酷都是这么做的，没有使用source标签，如下图（只不过不是本地视频）
预览视频代码
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<div>
<video width="400" height="500" controls="controls">
</video>
</div>
<input type="file" accept="video/*" />
<script type="text/javascript">
$("input").change(function(){
var files = this.files;
if(!files.length) {
return;
}
$("video").attr("src", window.URL.createObjectURL(files[0]));
$("video").get(0).play();
});
</script>
</body>
</html>
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献7条内容
所有评论(0)