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

[html5]视频标签controls、autoplay、preload的介绍

时间:2017-11-03 10:17酷播
[html5]视频video标签controls、autoplay、preload的介绍

1:视频标签controls、autoplay、preload的介绍

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

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

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

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

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

2:支持html5视频播放器下载

酷播V4.0版跨平台播放器  http://www.52player.com/VideoPlayer/2016/112080.html

html5+css3手机微信播放器  http://www.52player.com/download/2017/0609/400.html

html5视频播放器(浏览器兼容)  http://www.52player.com/VideoPlayer/2017/0315313.html

热门文章

请稍候...
  • 热身双十一,锁定云视频大聚惠
  • 备战双十一,相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器