例
播放視頻:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
試一試» 定義和用法
在<video>標記指定的視頻,比如電影剪輯或其他視頻流。
目前,有3所支持的視頻格式為<video>元素: MP4, WebM ,和Ogg :
Browser | MP4 | WebM | Ogg |
---|---|---|---|
Internet Explorer | YES | NO | NO |
Chrome | YES | YES | YES |
Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
Safari | YES | NO | NO |
Opera | YES From Opera 25 |
YES | YES |
- MP4 = MPEG 4文件,H264視頻編解碼器和AAC音頻編解碼器
- WebM的=的WebM VP8與視頻編解碼器和Vorbis音頻編解碼器文件
- 奧格= Ogg文件與Theora視頻編解碼器和Vorbis音頻編解碼器
MIME類型的視頻格式
格式 | MIME類型 |
---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/ogg |
瀏覽器支持
在表中的數字指定完全支持元件的第一個瀏覽器的版本。
元件 | |||||
---|---|---|---|---|---|
<video> | 4 | 9 | 3.5 | 4 | 10.5 |
HTML 4.01和HTML5之間的差異
在<video>標籤是HTML5中的新。
提示和注意
提示:之間的任何文本<video>和</video>標籤將顯示在不支持的瀏覽器<video>元素。
可選屬性
=新的HTML5。
屬性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 指定視頻將盡快開始播放,因為它已準備就緒 |
controls | controls | 指定視頻控制應顯示(如播放/暫停按鈕等)。 |
height | pixels | 設置視頻播放器的高度 |
loop | loop | 指定視頻將重新開始,每次完成時間 |
muted | muted | 指定視頻的音頻輸出應該被靜音 |
poster | URL | 指定在視頻下載到顯示圖像,或直到用戶點擊播放按鈕 |
preload | auto metadata none | 指定是否以及如何筆者認為視頻應該被加載在頁面加載時 |
src | URL | 指定視頻文件的URL |
width | pixels | 設置視頻播放器的寬度 |
全局屬性
在<video>標籤支持全局的HTML屬性 。
事件屬性
在<video>標籤支持的HTML事件屬性 。
相關頁面
HTML DOM參考: HTML音頻/視頻DOM參考
默認設置CSS
沒有。