HTML5--Video

HTML5--Video

視頻格式

當前，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 文件

 

只須要在頁面中使用如下標籤

<video width="480" height="320" controls="controls" >
  <source src="test.mp4" type="video/mp4">
    您的瀏覽不支持視頻標籤
    </video>

<video> 標籤的屬性

屬性 值 描述

屬性	值	描述
autoplay	autoplay	若是出現該屬性，則視頻在就緒後立刻播放。
controls	controls	若是出現該屬性，則向用戶顯示控件，好比播放按鈕。
height	pixels	設置視頻播放器的高度。
loop	loop	若是出現該屬性，則當媒介文件完成播放後再次開始播放。
preload	preload	若是出現該屬性，則視頻在頁面加載時進行加載，並預備播放。 若是使用 "autoplay"，則忽略該屬性。
src	url	要播放的視頻的 URL。
width	pixels	設置視頻播放器的寬度。

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