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


<video> 标签用于添加视频,其视频格式如下 - MP4、WebM 和 Ogg

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

change 事件触发

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

获取文件对象

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

指向 File 对象的对象 URL

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

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

最后,下面介绍了如何使视频可见。使用 src 属性添加视频文件的位置(URL)。

更新于:2020 年 6 月 24 日

1K+ 浏览

开启您的 事业

完成该课程以获得认证

开始
广告