最新的Web開發教程
 

HTML <video> Tag


播放視頻:

<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

沒有。