实例

播放录像：

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

您的浏览器不支持 video 标签。

</video>

浏览器支持

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

注释：IE 8 或更早版本的 IE 浏览器不支持 <video> 标签。

标签定义及使用说明

<video> 标签定义视频，比如电影片段或其他视频流。

目前，<video> 元素支持三种视频格式：MP4、WebM、Ogg。

浏览器MP4WebMOggInternet ExplorerYESNONOChromeYESYESYESFirefoxYES从 Firefox 21 版本开始Linux 系统从 Firefox 30 开始YESYESSafariYESNONOOperaYES从 Opera 25 版本开始YESYES

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 中的新属性。

属性值描述autoplayNewautoplay如果出现该属性，则视频在就绪后马上播放。controlsNewcontrols如果出现该属性，则向用户显示控件，比如播放按钮。heightNewpixels设置视频播放器的高度。loopNewloop如果出现该属性，则当媒介文件完成播放后再次开始播放。mutedNewmuted如果出现该属性，视频的音频输出为静音。posterNewURL规定视频正在下载时显示的图像，直到用户点击播放按钮。preloadNewautometadatanone如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。srcNewURL要播放的视频的 URL。widthNewpixels设置视频播放器的宽度。

全局属性

<video> 标签支持 HTML 的全局属性。

事件属性

<video> 标签支持 HTML 的事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！