使用 HTML5 video 标签播放本地(硬盘)视频文件?

htmljavascriptprogramming scripts更新于 2024/8/18 10:52:17

<video> 标签用于添加视频,视频格式包括:MP4、WebM 和 Ogg

通过 input 元素选择文件时。

触发 change 事件

当用户更改元素的值时,将为 <input>、<select> 和 <textarea> 元素触发该事件。

获取 File 对象

File 接口提供有关文件的信息,并允许网页中的 JavaScript 访问内容。此类型的对象由 HTML <input> 元素的 files 属性返回,最终允许您访问使用 <input type="file> 选择的文件列表元素。

指向 File 对象的对象 URL

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

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

最后,以下是视频的可见方式。使用 src 属性添加视频文件的位置(URL)。


相关文章


有用资源