如何使用HTML5视频标签播放本地(硬盘)视频文件?
标签用于添加视频,具有以下视频格式 - MP4、WebM 和 Ogg
通过输入元素选择文件。 p>
更改事件被触发
当用户对元素的值进行更改时,、 和 元素的事件将被触发。 p>
获取 File 对象
File 接口提供有关文件的信息,并允许网页中的 JavaScript 访问内容。这种类型的对象由 HTML 元素的 files 属性返回,最终允许您访问使用 元素选择的文件列表。
对象 URL 指向到 File 对象
使用 URL.createObjectURL() 静态方法创建一个 DOMString,其中包含表示参数中给定对象的 URL。
将对象 URL 设置为视频。 src 属性
最后,这是视频的可见方式。使用 src 属性添加视频文件的位置 (URL)。
立即学习“前端免费学习笔记(深入)”;
文章推荐
-
html代码是什么
html代码是html标签元素组成,而html代码包括各式各样的html元素标签而组成,通过不同的标签与内容组合形成我们...
HTML
3个月前 (09-22) 174 -
值得一学的6个前端HTML+CSS特效
本篇文章给大家分享6个值得一学的前端html+css特效。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助...
HTML
3个月前 (09-22) 160 -
html怎么设置字体
html设置字体的方法:1、【font-variant】属性可以设定小型大写字母;2、【font-weight】属性设置...
HTML
3个月前 (09-22) 207 -
怎么隐藏html标签
隐藏html标签的方法:1、通过设置display属性为【none;】这个属性是将元素设置成无;2、通过设置visibi...
HTML
3个月前 (09-22) 150 -
html怎么设置编码utf8
html设置编码utf8的方法:首先打开html文件;然后在head之间添加语句“”即可。本文操作环境:Windows7...
HTML
3个月前 (09-22) 168
最新文章