HTML5教程之video标签的应用
来源:互联网 发布:双色球查询软件 编辑:程序博客网 时间:2024/05/18 19:19
HTML5教程之video标签的应用
与音频一样,在过去,我们如果想在Web上播放视频,也是都是通过Flash来播放,同样并不是所有的浏览器都安装了Flash播放器插件,而现在我们在HTML5中,就能完全脱离Flash或其他的插件来播放视频了。
video标签:
IE9
FireFox 5.0
Safari 5.5
Chrome 12
Opera 11.5
Mpeg4
√
×
√
√
×
Ogg
×
√
×
√
√
WebM
×
√
×
√
√
Ogg:带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4:带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM:带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
video标签的属性有:
属性
值(可省略)
描述
src
url
要播放的视频的 URL,路径可为网络路径或相对路径。
controls
controls
向用户显示控件,比如播放按钮。
loop
loop
每当视频结束时重新开始播放。
preload
preload
视频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
autoplay
autoplay
则视频在就绪后马上播放。
width
autoplay
则视频的宽度。
height
autoplay
则视频的高度。
注:video的属性与audio的属性基本一致,只不过多出了Width和height属性。
source子标签
此标签是用来指定视频的路径,一般存在此子标签的时候则不能再video中出现src属性,在不同的浏览器下对video标签有不同的视频支持,那么我们为了让其能够在不同的浏览器下播放,可以有多种视频格式,那么我们只需要加入此标签,来指定视频即可,浏览器则会是video播放所支持的视频格式。Source有两个属性,分别是:
属性
描述
src
要播放的视频的 URL,路径可为网络路径或相对路径。
type
视频类型
- HTML5教程之video标签的应用
- HTML5教程之progress标签的应用
- HTML5教程之mark标签的应用
- HTML5教程之figure标签的应用
- html5的video标签测试应用
- html5之video标签
- html5的video标签
- HTML5的video标签
- HTML5教程之details展开收缩标签的应用
- HTML5教程之details展开收缩标签的应用
- HTML5教程之details展开收缩标签的应用
- HTML5教程之音频Audio标签应用
- 学习html5的video标签
- Html5的video标签设置
- html5多媒体标签之video标签
- HTML5教程-meter标签的应用
- HTML5的video元素应用
- HTML5学习笔记之video标签
- SQL Server 2005“备份集中的数据库备份与现有的数据库不同”解决方法 详细出处参考:http://www.jb51.net/article/19233.htm
- Debug Android and Linux suspend and resume
- c#文件操作
- 认识和理解C++类(或C++类浅识)
- 细说rs.next()
- HTML5教程之video标签的应用
- c++编程碰到的奇怪问题与解决
- Hibernate占位符问题[use named parameters or JPA-style positional parameters instead.]
- C++中虚析构函数的作用
- C++ 一些常用的函数以及头文件(一)
- QQ通信机制
- Flex的默认主程序
- FRM-92101:forms Server在启动过程中失败
- Redis实战之征服 Redis + Jedis + Spring (二)