视频
实例
一段简单的 超文本5(HTML5 )视频:
<!文章类型 网页>
<网页>
<头部>
<兼容模式 />
</头部>
<主体>
<视频 资源地址=“https://www.w3school.com.cn/i/movie.ogg“ 控件=“控件“>
您的浏览器不支持 视频 标签
</视频>
</主体>
</网页>
定义和用法
<视频> 标签定义视频,比如电影片段或其他视频流。
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <视频> | 4.0 | 9.0 | 3.5 | 3.1 | 11.5 |
Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 <视频> 标签。
注释:Internet Explorer 8 以及更早的版本不支持 <视频> 标签。
注:<视频> 标签是 HTML 5 的新标签。
提示和注释
提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。
属性
新 : HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| 自动播放 | 自动播放 | 如果出现该属性,则视频在就绪后马上播放。 |
| 控件 | 控件 | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
| 高度 | 像素 | 设置视频播放器的高度。 |
| 循环 | 循环 | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
| 静音 | 静音 | 规定视频的音频输出应该被静音。 |
| 海报 | 地址 | 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。 |
| 预载 | 预载 |
如果出现该属性,则视频在页面加载时进行加载,并预备播放。 如果使用 "自动播放",则忽略该属性。 |
| 资源地址 | 地址 | 要播放的视频的 地址。 |
| 宽度 | 像素 | 设置视频播放器的宽度。 |
全局属性
<视频> 标签支持 HTML 中的全局属性。
事件属性
<视频> 标签支持 HTML 中的事件属性。
浙公网安备 33010602011771号