HTML5新增标签

视频格式

<video> 标签的属性

属性	值	描述
autoplay	autoplay	若是出现该属性，则视频在就绪后立刻播放。
controls	controls	若是出现该属性，则向用户显示控件，好比播放按钮。
height	pixels	设置视频播放器的高度。
loop	loop	若是出现该属性，则当媒介文件完成播放后再次开始播放。
preload	preload	若是出现该属性，则视频在页面加载时进行加载，并预备播放。 若是使用 "autoplay"，则忽略该属性。
src	url	要播放的视频的 URL。
width	pixels	设置视频播放器的宽度。

目前，video 元素支持三种视频格式：

格式	IE	Firefox	Opera	Chrome	Safari
Ogg	No	3.5+	10.5+	5.0+	No
MPEG 4	9.0+	No	No	5.0+	3.0+
WebM	No	4.0+	10.6+	6.0+	No

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

在 HTML5 中添加视频元素，control 属性供添加播放、暂停和音量控件,包含宽度和高度属性，

video 元素容许多个 source 元素。source 元素能够连接不一样的视频文件。浏览器将使用第一个可识别的格式：

<video> 与 </video> 之间插入的内容是供不支持 video 元素的浏览器显示的：

实例

<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

<video> - 方法、属性以及事件

下面列出了大多数浏览器支持的视频方法、属性和事件：

方法	属性	事件
play()	currentSrc	play
pause()	currentTime	pause
load()	videoWidth	progress
canPlayType	videoHeight	error
	duration	timeupdate
	ended	ended
	error	abort
	paused	empty
	muted	emptied
	seeking	waiting
	volume	loadedmetadata
	height
	width

注释：在全部属性中，只有 videoWidth 和 videoHeight 属性是当即可用的。在视频的元数据已加载后，其余属性才可用。