<video> 是HTML 5 中的新标签。
<video> 是HTML 5 中的新标签。
<video>标签的作用是在 HTML 页面中嵌入视频元素。
<video> 标签定义视频，比如电影片段或其他视频流。
<video> 元素支持三种视频格式：MP4、WebM、Ogg。
浏览器 | MP4 | WebM | Ogg |
|---|---|---|---|
Internet Explorer 9+ | Y | N | N |
Chrome 6+ | Y | Y | Y |
Firefox 3.6+ | Y | Y | Y |
Safari 5+ | Y | N | N |
Opera 10.6+ | N | Y | Y |
格式 | MIME-type |
|---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/ogg |
提示：可以在 <video> 和 </video> 标签之间放置文本内容，这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。
譬如：以下代码可以在浏览器不支持Video标签时显示文本，引导用户升级浏览器
<!DOCTYPE html><html><head><title>Html Video example</title></head><body><video src=http://www.cooxue.com/skin/default/image/nopic.gif controls><h2>我们很抱歉，您的浏览器<strong>不支持video标签</strong></h2><a href="https://www.google.cn/chrome/">点击这里下载浏览器</a></video></body></html>
属性 | 值 | 描述 | 备注 |
|---|---|---|---|
autoplay | autoplay | 如果出现该属性，则视频在就绪后马上播放。 | 谷歌高版本浏览器不允许自动播放，除非设置muted属性。 |
controls | controls | 如果出现该属性，则向用户显示控件，比如播放按钮。 | 使用第三方播放器时，不添加该属性，以便使用自定义控件 |
height | pixels | 设置视频播放器的高度。 | 不建议使用，使用CSS替换 |
loop | loop | 如果出现该属性，则当媒介文件完成播放后再次开始播放。 | 无 |
muted | muted | 如果出现该属性，视频的音频输出为静音。 | 只有设置这个属性视频才会自动播放 |
poster | URL | 规定视频正在下载时显示的图像，直到用户点击播放按钮。 | Poster建议分辨率： 1、280x720，以免在弱网环境下加载慢 |
preload | auto metadata none | 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。 | 无 |
src | URL | 要播放的视频的 URL。 | 使用流媒体格式时，显示blob:开头的URL |
width | pixels | 设置视频播放器的宽度。 | 不建议使用，使用CSS替换 |
<video> 标签支持HTML 的全局属性。
<video> 标签支持HTML 的事件属性。
温馨提示：
