如何使用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
5个月前 (09-22) 411 -
值得一学的6个前端HTML+CSS特效
本篇文章给大家分享6个值得一学的前端html+css特效。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助...
HTML
5个月前 (09-22) 294 -
html怎么设置字体
html设置字体的方法:1、【font-variant】属性可以设定小型大写字母;2、【font-weight】属性设置...
HTML
5个月前 (09-22) 387 -
怎么隐藏html标签
隐藏html标签的方法:1、通过设置display属性为【none;】这个属性是将元素设置成无;2、通过设置visibi...
HTML
5个月前 (09-22) 296 -
html怎么设置编码utf8
html设置编码utf8的方法:首先打开html文件;然后在head之间添加语句“”即可。本文操作环境:Windows7...
HTML
5个月前 (09-22) 729
最新文章
- Python实现字典的key和values的交换 3周前 (02-11)
- 使用Python脚本来获取Cisco设备信息的示例 3周前 (02-11)
- Python的Django中django-userena组件的简单使用教程 3周前 (02-11)
- 零基础写python爬虫之神器正则表达式 3周前 (02-11)
- 零基础写python爬虫之抓取百度贴吧代码分享 3周前 (02-11)
- 零基础写python爬虫之使用urllib2组件抓取网页内容 3周前 (02-11)
- 在Docker上部署Python的Flask框架的教程 3周前 (02-11)
- 简单说明Python中的装饰器的用法 3周前 (02-11)
- 利用Python实现简单的相似图片搜索的教程 3周前 (02-11)
- 在Python中使用模块的教程 3周前 (02-11)