HTML <video> 標籤
示例
播放影片
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支援 video 標籤。
</video>
自己動手試一試 »
定義和用法
<video> 標籤用於在文件中嵌入影片內容，例如電影片段或其他影片流。
<video> 標籤包含一個或多個具有不同影片源的 <source> 標籤。瀏覽器將選擇它支援的第一個源。
<video> 和 </video> 標籤之間的文字只會在不支援 <video> 元素的瀏覽器中顯示。
HTML 中支援三種影片格式：MP4、WebM 和 OGG。
| 瀏覽器 | MP4 | WebM | Ogg |
|---|---|---|---|
| Edge | 推薦 | 推薦 | 推薦 |
| Chrome | 推薦 | 推薦 | 推薦 |
| Firefox | 推薦 | 推薦 | 推薦 |
| Safari | 推薦 | 推薦 | 不推薦 |
| Opera | 推薦 | 推薦 | 推薦 |
提示和註釋
提示： 對於音訊檔案，請檢視 <audio> 標籤。
瀏覽器支援
表格中的數字表示完全支援該元素的首個瀏覽器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
可選屬性
| Attribute | 值 | 描述 |
|---|---|---|
| autoplay | autoplay | 指定影片準備就緒後立即開始播放 |
| controls | controls | 指定應顯示影片控制元件（例如播放/暫停按鈕等）。 |
| height | 畫素 | 設定影片播放器的高度 |
| 迴圈 | 迴圈 | 指定影片每次播放結束後再次重新開始播放 |
| muted | muted | 指定影片的音訊輸出應靜音 |
| poster | URL | 指定在影片下載期間或使用者點選播放按鈕之前顯示的影像 |
| preload | auto metadata none |
指定作者認為頁面載入時影片應如何載入 |
| src | URL | 指定影片檔案的 URL |
| width | 畫素 | 設定影片播放器的寬度 |
全域性屬性
<video> 標籤還支援 HTML 中的全域性屬性。
事件屬性
<video> 標籤還支援 HTML 中的事件屬性。
相關頁面
HTML DOM 參考：HTML 音訊/影片 DOM 參考
預設 CSS 設定
無。
