html - 使用 HTML5 播放本地文件

Question

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

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

Answer 1

我找到了解决方案。您可以使用 HTML5 文件 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>