video标签

1、video 是什么

 

<video> 元素用于在 HTML 或者 XHTML 文档中嵌入媒体播放器，用于支持文档内的视频播放。你也可以将 <video> 标签用于音频内容，但是 <audio> 元素可能在用户体验上更合适。

 

2、video的相关属性

 

2.1、autoplay

 

布尔属性；指定后，视频会马上自动开始播放，不会停下来等着数据载入结束。

 

2.2、buffered

 

这个属性可以读取到哪段时间范围内的媒体被缓存了。该属性包含了一个 TimeRanges 对象。

 

2.3、controls

 

加上这个属性，Gecko 会提供用户控制，允许用户控制视频的播放，包括音量，跨帧，暂停/恢复播放。

 

2.4、loop

 

布尔属性；指定后，会在视频结尾的地方，自动返回视频开始的地方。

 

2.5、muted

 

布尔属性，指明了视频里的音频的默认设置。设置后，音频会初始化为静音。默认值是false，意味着视频播放的时候音频也会播放 。

 

2.6、height

 

视频展示区域的高度，单位是CSS像素。

 

2.7、width

 

视频显示区域的宽度，单位是CSS像素。

 

2.8、preload

 

该枚举属性旨在告诉浏览器作者认为达到最佳的用户体验的方式是什么。可能是下列值之一：

 

none

 

提示作者认为用户不需要查看该视频，服务器也想要最小化访问流量；换句话说就是提示浏览器该视频不需要缓存。

 

metadata

 

提示尽管作者认为用户不需要查看该视频，不过抓取元数据（比如：长度）还是很合理的。

 

auto

 

用户需要这个视频优先加载；换句话说就是提示：如果需要的话，可以下载整个视频，即使用户并不一定会用它。

 

空字符串

 

也就代指 auto 值。

 

注意：

 

autoplay 属性优先于 preload 假如用户想自动播放视频，那么很明显浏览器需要下载视频。同时设置 autoplay 和 preload 属性在规范里是允许的。

 

规范没有强制浏览器去遵循该属性的值；这仅仅只是个提示。

 

假如不设置，默认值就是浏览器定义的了 （即，不同浏览器会选择自己的默认值），即使规范建议设置为 metadata。

 </