从本地播放HTML5视频

Question

我刚刚在这里学到,为了在HTML5的<video>标签中播放一些视频,我应该确保在某些URL上提供适当的视频时Content-Type也要设置.

当我从本地文件系统运行我的网页或者我没有能力操作服务器响应头时,如何避免这种情况？

Answer 1

最好的办法是使用HTML5 FileReader API(教程).这将提供本地视频作为网址.在某些网站中,您可以找到演示,在演示之前显示图像的预览,但从理论上(实际上,请参阅下面的链接)可以在音频和视频上使用相同的图像.

我做了一个小的演示(不是为了这个,但对于Camera API),它可能满足你的需求.

自己看看:http://jsbin.com/efunel/6

视频演示工作在chrome(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);