使用 HTML5 video 标签播放本地（硬盘）视频文件？

<video> 标签用于添加视频，支持以下视频格式 - MP4、WebM 和 Ogg

通过输入元素选择文件时。

change 事件被触发

当用户更改元素的值时，会触发 <input>、<select> 和 <textarea> 元素的事件。

获取文件对象

File 接口提供文件的信息，允许网页中的 JavaScript 访问内容。这种类型的对象由 HTML <input> 元素的 files 属性返回，这样你最终可以访问使用 <input type="file"> 元素选择的的文件列表。

指向 File 对象的对象 URL

使用 URL.createObjectURL() 静态方法创建一个 DOMString，其中包含表示参数中给定对象的 URL。

将对象 URL 设置为 video.src 属性

最后，这是显示视频的方法。使用 src 属性添加视频文件的路径（URL）。

George John

更新于：2020-06-24

1K+ 浏览量

启动您的职业生涯

完成课程获取认证

开始