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 屬性是當即可用的。在視頻的元數據已加載後，其餘屬性纔可用。