html - 从本地播放 HTML5 视频

Question

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

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

Answer 1

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

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

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

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