·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]html5视频播放器中video标签中主要的一些HTML属性

时间:2017-10-26 16:44酷播
[html5]html5视频播放器中video标签中主要的一些HTML属性,ontrol:如果出现该属性,则向用户显示控件,比如播放按钮。每个浏览器中的播放控件都不太一样,但用途都一样,都可以控制开始和结束,跳到新位置和调节音量

html5视频播放器中video标签中主要的一些HTML属性

属性 描述
width 设置视频播放器的宽度
height 设置视频播放器的高度
duration 视频的长度(以秒计)
ended 视频的播放是否已结束
error 表示视频错误状态的 MediaError 对象
loop 设置或返回视频是否应在结束时再次播放
paused 设置或返回视频是否暂停
played 返回表示视频已播放部分的 TimeRanges 对象
preload 设置或返回视频的 preload 属性的值
muted 设置或返回是否关闭声音
poster 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像

controls:ontrol:如果出现该属性,则向用户显示控件,比如播放按钮。每个浏览器中的播放控件都不太一样,但用途都一样,都可以控制开始和结束,跳到新位置和调节音量
autoplay:autoplay:如果出现该属性,则视频在就绪后马上播放。如果不设置autoplay属性,必须是用户单击播放按钮才会播放音频文件。
loop:loop:(循环播放)告诉浏览器在音频到达末尾时,再从头开始重新播放
preload:auto、mete、none:告诉浏览器如何下载音频

  • auto:让浏览器下载整个文件,以便用户单击播放按钮时就能播放。当然,下载过程是后台进行的,网页访客不必等待下载完成,而且仍然可以随意查看网页。

  • meta:告诉浏览器先获取音频文件开头的数据块,从而足以确定一些基本信息(比如音频的总时长)

  • none:**告诉浏览器不必预先下载。恰当地利用这些值,可以节省带宽。

如果没有设置preload属性,浏览器就自己决定是否预先下载了。对这一点,不同浏览器的处理方式也不一样。多数浏览器将auto作为默认值,但Firefox的默认值是metadata。不过,也请大家注意,这个preload属性也不是必须严格执行的规则,而只是你对浏览器的建议。根据具体情况,浏览器可以忽略你的设置。(有些旧版本浏览器根据不会在意preload属性。)

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器