HTML <video> 標簽


實例

播放錄像:

<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的瀏覽器不支持 video 標簽。 </video>

嘗試一下 ?

瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

Element
<video> 4.0 9.0 3.5 4.0 10.5

標簽定義及使用說明

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

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

瀏覽器 MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES
從 Firefox 21 版本開始
Linux 系統從 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> 標簽之間放置文本內容,這樣不支持 <video> 元素的瀏覽器就可以顯示出該標簽的信息。


可選屬性

New :HTML5 中的新屬性。

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

全局屬性

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


事件屬性

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