HTML <var>标签
定义和使用
<video>标签指定视频,如电影剪辑片段或其他视频流.
目前,<video>元素有3种受支持的视频格式: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=带有H264视频编解码器和AAC音频编解码器的MPEG4文件
- WebM=带有VP8视频编解码器和Vorbis音频编解码器的WebM文件
- Ogg=带有Theora视频编解码器和Vorbis音频编解码器的Ogg文件
视频格式的MIME类型
| 格式 | MIME类型 |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
浏览器支持
表中的数字指定完全支持元素的第一个浏览器版本.
| 元素 |  |  |  |  |  |
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
注意:Internet Explorer 8和更早版本不支持<video>标记.
HTML 4.01与HTML 5的区别
<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中的事件属性.
评论区