HTML <video> 标签
实例
播放录像:
<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。
浏览器 | MP4 | WebM | Ogg |
---|---|---|---|
Internet Explorer 9+ | YES | NO | NO |
Chrome 6+ | YES | YES | YES |
Firefox 3.6+ | NO | YES | YES |
Safari 5+ | YES | NO | NO |
Opera 10.6+ | NO | YES | YES |
- MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
- WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
- Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器
音频格式的 MIME 类型
格式 | MIME-type |
---|---|
MP4 | video/mp4 |
WebM | video/webm |
Ogg | video/ogg |
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 |
如果出现该属性,则视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。 |
src新 | URL | 要播放的视频的 URL。 |
width新 | pixels | 设置视频播放器的宽度。 |
全局属性
<video> 标签支持 HTML 的全局属性。
事件属性
<video> 标签支持 HTML 的事件属性。
(资源库 www.zyku.net)
上一篇:HTML <wbr> 标签
栏 目:HTML手册
下一篇:HTML <var> 标签
本文标题:HTML <video> 标签
本文地址:https://www.zyku.net/article/6056.html
您可能感兴趣的文章
- 12-13HTML 标签列表
- 12-01必剪添加视频标签方法介绍
- 11-01快手兴趣标签在哪里设置
- 10-12safari取消标签页组教程分享
- 10-09lofter在哪里屏蔽标签
- 09-12支付宝哪里可以查看开学标签
- 09-10HTML最新面试题(笔试面试题)
- 09-09使用JS将当前html网页导出为pdf教程
- 07-25帝国CMS灵动标签调用相关文章的方法
- 07-08html中iframe如何设置高度和宽度
- 07-08HTML去除iframe外边框的方法
- 07-03帝国CMS标签TAG列表页显示信息数量num的方法
- 06-24帝国CMS列表页调用当前信息TAGS标签
- 06-24帝国CMS循环子栏目标签listsonclass介绍
- 06-23帝国CMS tag调取方法大全
- 06-21帝国CMS自动获取TAG首字母教程
- 06-15HTML+CSS布局图标文字混排
- 05-31帝国CMS二次开发经常会用的ehtmlspecialchars函数介绍
- 05-31【HTML】在表单(input)中id和name的区别
- 05-25HTML常用转义字符介绍及含义