HTML <video> 標籤

實例

一段簡單的 HTML5 視訊:

<video src="movie.ogg" controls="controls">
您的瀏覽器不支援 video 標籤。
</video>

瀏覽器支援

IE Firefox Chrome Safari Opera

Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支援 <video> 標籤。

註釋:Internet Explorer 8 以及更早的版本不支援 <video> 標籤。

定義和用法

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

HTML 4.01 與 HTML 5 之間的差異

<video> 標籤是 HTML 5 的新標籤。

提示和註釋

提示:可以在開始標籤和結束標籤之間放置文字內容,這樣老的瀏覽器就可以顯示出不支援該標籤的資訊。

屬性

new : HTML5 中的新屬性。

屬性 描述
autoplay autoplay 如果出現該屬性,則視訊在就緒后馬上播放。
controls controls 如果出現該屬性,則向用戶顯示控制元件,比如播放按鈕。
height pixels 設定視訊播放器的高度。
loop loop 如果出現該屬性,則當媒介檔案完成播放后再次開始播放。
muted muted 規定視訊的音訊輸出應該被靜音。
poster URL 規定視訊下載時顯示的影像,或者在會員點選播放按鈕前顯示的影像。
preload preload

如果出現該屬性,則視訊在頁面載入時進行載入,並預備播放。

如果使用 "autoplay",則忽略該屬性。

src url 要播放的視訊的 URL。
width pixels 設定視訊播放器的寬度。

全域性屬性

<video> 標籤支援 HTML 中的全域性屬性

事件屬性

<video> 標籤支援 HTML 中的事件屬性

相關頁面

HTML DOM 參考手冊:Video 對像