HTML <video> 標簽

定義和用法

<video> 標簽用于在文檔中嵌入視頻內容，例如電影片段或其他視頻流。

<video> 標簽包含一個或多個帶有不同視頻源的 <source> 標簽。瀏覽器將選擇它支持的第一個源。

<video> 和 </video> 標簽之間的文本只會在不支持 <video> 元素的瀏覽器中顯示。

HTML 支持三種視頻格式：MP4、WebM 和 OGG。

瀏覽器 MP4 WebM Ogg
Edge 支持 支持 支持
Chrome 支持 支持 支持
Firefox 支持 支持 支持
Safari 支持 支持 不支持
Opera 支持 支持 支持

另請參閱：

HTML DOM 參考手冊：HTML Audio/Video DOM 參考手冊

實例

播放視頻：

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  您的瀏覽器不支持視頻標簽。
</video>

親自試一試

提示和注釋

提示：對于音頻文件，請參閱 <audio> 標簽。

可選的屬性

屬性 值 描述
autoplay autoplay 規定視頻準備就緒后立即開始播放。
controls controls 規定應顯示的視頻控件（例如播放/暫停按鈕等）。
height 像素 設置視頻播放器的高度。
loop loop 規定視頻將在每次結束時重新開始。
muted muted 規定應將視頻的音頻輸出靜音。
poster URL 規定在下載視頻期間或在用戶點擊播放按鈕之前顯示的圖像。
preload
  • auto
  • metadata
  • none
 規定在頁面加載時，視頻是否應加載或應如何加載。
src URL 規定視頻文件的 URL。
width 像素 設置視頻播放器的寬度。

全局屬性

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

事件屬性

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

默認的 CSS 設置

無。

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5