建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > html/xhtml >

HTML5视频标签全属性详解(3)

时间:2010-06-26 00:13来源: 作者: 点击:
(4) loop属性 一目了然,loop属性用于指定视频是否循环播放,同样是一个布尔属性。 (5) controls属性 Controls属性用于向浏览器指明页面制作者没有使用脚本生成播放控制器,需要浏览器启用本身的播放控制栏。 控制
 

 

  (4) loop属性

  

loop属性

 

  一目了然,loop属性用于指定视频是否循环播放,同样是一个布尔属性。

  (5) controls属性

  Controls属性用于向浏览器指明页面制作者没有使用脚本生成播放控制器,需要浏览器启用本身的播放控制栏。

  

controls属性

 

  控制栏须包括播放暂停控制,播放进度控制,音量控制等等。

  每个浏览器默认的播放控制栏在界面上不一样。由于我浏览器的诡异问题,Firefox和Safari的Video标签不正常,所以这两个只能在网上找截图了。

  (6) width属性和height属性

  属于标签的通用属性了,这个不用多说。

  (7) source标签

  Source标签用于给媒体(因为audio标签同样可以包含此标签,所以这儿用媒体,而不是视频)指定多个可选择的(浏览器最终只能选一个)文件地址,且只能在媒体标签没有使用src属性时使用。

  

source标签

 

  浏览器按source标签的顺序检测标签指定的视频是否能够播放(可能是视频格式不支持,视频不存在等等),如果不能播放,换下一个。此方法多用于兼容不同的浏览器。Source标签本身不代表任何含义,不能单独出现。

  此标签包含src、type、media三个属性。

  src属性:用于指定媒体的地址,和video标签的一样。

  Type属性:用于说明src属性指定媒体的类型,帮助浏览器在获取媒体前判断是否支持此类别的媒体格式。

  

Type属性

 

  Media属性:用于说明媒体在何种媒介中使用,不设置时默认值为all,表示支持所有媒介。你想到

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片