例
播放视频:
<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
没有。