从本地播放HTML5视频

2018-06-22 22:38:13

我在这里了解到，为了在HTML5的<video>标签中播放一些视频，我应该确保在为某些URL提供适当的Content-Type视频时也要进行设置。

当我简单地从本地文件系统运行我的网页或者我无法操作服务器响应头时，如何避免这种情况？

您最好的选择是使用HTML5 FileReader API（教程）。这将提供本地视频作为网址。在某些网站中，您可以找到演示，展示上传前图像的预览，但通过理论（实用，请参阅下面的链接），可以在音频和视频上使用相同的视频。

我做了一个小演示（不是为了这个，而是为了Camera API），这可能适合你的需要。

亲自看一下：http：//jsbin.com/efunel/6

该视频演示使用铬（20.0）和firefox（16.0）（在花了很长时间!!!之后），仅使用Webm格式。

PS：尝试选择一个小视频（低于15M）。

编辑:(代码片段@headkit请求它）

fileReader = new FileReader();
fileReader.onload = function (event) {
    element.attr("src",event.target.result);
};
fileReader.readAsDataURL(file);

链接地址: http://www.djcxy.com/p/64345.html