html <video> 標簽定義視頻,比如電影片段或其他視頻流 <video> 元素支持三種視頻格式:MP4、WebM、Ogg 瀏覽器 | MP4 | WebM | Ogg |
---|
Internet Explorer | YES | NO | NO | Chrome | YES | YES | YES | Firefox | YES 從 Firefox 21 版本開始 Linux 系統從 Firefox 30 開始 | YES | YES | Safari | YES | NO | NO | Opera | YES 從 Opera 25 版本開始 | YES | YES |
MP4 = MPEG 4 文件使用 H264 視頻編解碼器和 AAC 音頻編解碼器 WebM = WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器 Ogg = Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器 瀏覽器支持IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <video> 標簽 IE 8 或更早版本的 IE 瀏覽器不支持 <video> 標簽 音頻格式的 MIME 類型格式 | MIME-type |
---|
MP4 | video/mp4 | WebM | video/webm | Ogg | video/ogg |
可以在 <video> 和 </video> 標簽之間放置文本內容,這樣不支持 <video>元素的瀏覽器就可以顯示出該標簽的信息 可選屬性屬性 | 值 | 描述 |
---|
autoplay | autoplay | 如果出現該屬性,則視頻在就緒后馬上播放 | controls | controls | 如果出現該屬性,則向用戶顯示控件,比如播放按鈕 | height | pixels | 設置視頻播放器的高度 | loop | loop | 如果出現該屬性,則當媒介文件完成播放后再次開始播放 | muted | muted | 如果出現該屬性,視頻的音頻輸出為靜音 | poster | URL | 設置視頻正在下載時顯示的圖像,直到用戶點擊播放按鈕 | preload | auto Metadata none | 如果出現該屬性,則視頻在頁面加載時進行加載,并預備播放。如果使用 "autoplay",則忽略該屬性 | src | URL | 要播放的視頻的 URL | width | pixels | 設置視頻播放器的寬度 |
范例播放錄像 <video width="320" height="240" controls> <source src="/static/i/html/html_video_1. mp4" type="video/mp4"> <source src="/static/i/html/html_video_1. ogg" type="video/ogg"> 您的瀏覽器不支持 video 標簽</video> HTML 4.01 與 HTML5之間的差異<video> 標簽是 HTML5 的新標簽 |