HTML <video> 標(biāo)簽

<video> 標(biāo)簽可以將視頻內(nèi)容嵌入到HTML文檔中，請(qǐng)參考下述示例：

---

瀏覽器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <video> 標(biāo)簽。

注釋：IE 8 或更早版本的 IE 瀏覽器不支持 <video> 標(biāo)簽。

---

標(biāo)簽定義及使用說明

<video> 標(biāo)簽定義視頻，比如電影片段或其他視頻流。

目前，<video> 元素支持三種視頻格式：MP4、WebM、Ogg。

瀏覽器	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES 從 Firefox 21 版本開始 Linux 系統(tǒng)從 Firefox 30 開始	YES	YES
Safari	YES	NO	NO
Opera	YES 從 Opera 25 版本開始	YES	YES

• MP4 = MPEG 4文件使用 H264 視頻編解碼器和AAC音頻編解碼器
• WebM = WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器
• Ogg = Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器

---

音頻格式的 MIME 類型

格式	MIME-type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

---

HTML 4.01 與 HTML5之間的差異

<video> 標(biāo)簽是 HTML5 的新標(biāo)簽。

---

提示和注釋

提示：可以在 <video> 和 </video> 標(biāo)簽之間放置文本內(nèi)容，這樣不支持 <video> 元素的瀏覽器就可以顯示出該標(biāo)簽的信息。

---

可選屬性

New ：HTML5 中的新屬性。

屬性	值	描述
autoplayNew	autoplay	如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。
controlsNew	controls	如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。
heightNew	pixels	設(shè)置視頻播放器的高度。
loopNew	loop	如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開始播放。
mutedNew	muted	如果出現(xiàn)該屬性，視頻的音頻輸出為靜音。
posterNew	URL	規(guī)定視頻正在下載時(shí)顯示的圖像，直到用戶點(diǎn)擊播放按鈕。
preloadNew	auto metadata none	如果出現(xiàn)該屬性，則視頻在頁(yè)面加載時(shí)進(jìn)行加載，并預(yù)備播放。如果使用 "autoplay"，則忽略該屬性。
srcNew	URL	要播放的視頻的 URL。
widthNew	pixels	設(shè)置視頻播放器的寬度。

全局屬性

<video> 標(biāo)簽支持 HTML 的全局屬性。

---

事件屬性

<video> 標(biāo)簽支持 HTML 的事件屬性。