Latest web development tutorials

HTML <video> 標籤

實例

播放錄像：

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

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

標籤定義及使用說明

<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音頻編解碼器

音頻格式的MIME 類型

格式 MIME-type
MP4 video/mp4
WebM video/webm
Ogg video/ogg

HTML 4.01 與HTML5之間的差異

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

提示和註釋

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

可選屬性

New ：HTML5中的新屬性。

属性 值 描述
autoplay New autoplay 如果出现该属性，则视频在就绪后马上播放。
controls New controls 如果出现该属性，则向用户显示控件，比如播放按钮。
height New pixels 设置视频播放器的高度。
loop New loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted New muted 如果出现该属性，视频的音频输出为静音。
poster New URL 规定视频正在下载时显示的图像，直到用户点击播放按钮。
preload New auto
metadata
none		 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src New URL 要播放的视频的 URL。
width New pixels 设置视频播放器的宽度。

全局屬性

<video>標籤支持HTML的全局屬性 。

事件屬性

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