HTML <video> 標簽

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

---

瀏覽器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <video> 標簽。

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

---

標簽定義及使用說明

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

目前，<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> 標簽是 HTML5 的新標簽。

---

提示和注釋

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

---

可選屬性

New ：HTML5 中的新屬性。

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

全局屬性

<video> 標簽支持 HTML 的全局屬性。

---

事件屬性

<video> 標簽支持 HTML 的事件屬性。