从本地播放HTML5视频

Question

我刚学会here为了在HTML5的<video>代码中播放视频，我应该确保在某些网址上投放视频时，还需要设置Content-Type。{ / p>

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

Answer 1

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

我做了一个小型演示（不是为了这个，但对于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);