video介绍
如今网页中的视频是通过插件(如Falsh)来实现的,而heml5中规定了video元素来实现网页包含视频的标准。
首先在网页中要检测该浏览器是否支持HTML5(http://blog.csdn.net/lzq1039602600/article/details/43307169 已经说明了如何检测)。
其次来说一下支持的三种视屏格式:MPEG 4、Ogg 、WebM;
video使用
1、简单的使用
<video src ="视屏名字.ogg" width="300" height="240" controls="controls">
<source src ="视屏名字.ogg" type="video/ogg">
<source src ="视屏名字.mp4" type="video/mp4">
</video> control 属性供添加播放、暂停和音量控件。
2、适配使用
<video width="300" height="240" controls="controls">
<source src ="视屏名字.ogg" type="video/ogg">
<source src ="视屏名字.mp4" type="video/mp4">
</video> control 属性供添加播放、暂停和音量控件。
2、适配使用
<source src ="视屏名字.ogg" type="video/ogg">
<source src ="视屏名字.mp4" type="video/mp4">
</video>
width、height设置
control 属性供添加播放、暂停和音量控件。
video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式。
Video标签