<影片>

HTML <video> 標籤

#實例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<video width="320" height="240" controls>
  <source src="movie.mp4"  type="video/mp4">
  <source src="movie.ogg"  type="video/ogg">
  您的浏览器不支持 HTML5 video 标签。
</video>

</body>
</html>

執行實例»

點擊"運行實例" 按鈕查看線上實例

瀏覽器支援

IE 9+、Firefox、Opera、 Chrome 和Safari 都支援<video> 標籤。

註解：IE 8 或更早版本的 IE 瀏覽器不支援 <video> 標籤。

標籤定義及使用說明

<video> 標籤定義視頻，例如電影片段或其他視訊串流。

目前，<video> 元素支援三種影片格式：MP4、WebM、Ogg。

##YESYES YESFirefoxYES# YESYESSafariYESNOOpera從Opera 25 版本開始

瀏覽器	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
#Chrome
	從Firefox 21 版本開始 Linux 系統從Firefox 30 開始
		##NO
YES	YES	YES

MP4 = MPEG 4檔案使用H264 視訊編解碼器和AAC音訊編解碼器

WebM = WebM 檔案使用VP8 視訊編解碼器和Vorbis 音訊編解碼器
Ogg = Ogg檔案使用Theora 視訊編解碼器和Vorbis音訊編解碼器

音訊格式的MIME 類型

##格式#MIME-typeMP4video/mp4WebMvideo/webmOggvideo/ogg#

HTML 4.01 與 HTML5之間的差異

<video> 標籤是 HTML5 的新標籤。

提示與註解

提示：可以在<video> 和</video> 標籤之間放置文字內容，這樣不支援< video> 元素的瀏覽器就可以顯示出該標籤的資訊。

可選屬性

New ：HTML5 中的新屬性。

屬性	值	描述
autoplayNew	autoplay	如果出現該屬性，則影片在就緒後馬上播放。
controlsNew	controls	如果出現該屬性，則向使用者顯示控件，例如播放按鈕。
heightNew	pixels	設定影片播放器的高度。
loopNew	loop	如果出現該屬性，則當媒介檔案完成播放後再次開始播放。
mutedNew	muted	如果出現該屬性，視訊的音訊輸出為靜音。
posterNew	URL	規定影片正在下載時顯示的映像，直到用戶點擊播放按鈕。
preloadNew	auto metadata none	如果出現該屬性，則影片在頁面載入時進行加載，並預備播放。如果使用 "autoplay"，則忽略該屬性。
srcNew	URL	要播放的影片的 URL。
widthNew	pixels	設定影片播放器的寬度。

全域屬性

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

事件屬性

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