从本地播放HTML5视频

Question

我刚刚了解到here为了播放HTML5的<video>标记中的某些视频，我应该确保在为某个网址上的视频提供服务时，还需要设置Content-Type。

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

Answer 1

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

我已经做了一个小演示（不是为了这个，而是为了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);