使用 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)。
广告