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 對像