使用HTML5播放本地文件

Question

是否可以播放用户在网站上的计算机上本地存储的视频文件？我不知道文件的路径，我希望用户选择带有“选择文件”对话框的文件。

目标是在实际视频文件上显示叠加层，但通常视频文件太大而无法让用户上传它们，以便我可以在服务器上处理它们。所以，我希望用户从本地计算机中选择文件，直接在浏览器中使用HTML5播放，并使用Javascript生成叠加。

Answer 1

我找到了解决方案。您可以使用HTML5 File API实现此目的：

var file = $('file')[0].files[0];
var url = window.URL.createObjectURL(file);
$('video')[0].src = url;

<input type="file" id="file" accept="video/*" />
<video controls autoplay></video>