前端开发

HTML5 学习----------视频操作

2021-01-15 12:39:41 阅读数 2046 收藏 0


video介绍

如今网页中的视频是通过插件(如Falsh)来实现的,而heml5中规定了video元素来实现网页包含视频的标准。


首先在网页中要检测该浏览器是否支持HTML5(http://blog.csdn.net/lzq1039602600/article/details/43307169  已经说明了如何检测)。


其次来说一下支持的三种视屏格式:MPEG 4Ogg 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>

width、height设置

  control 属性供添加播放、暂停和音量控件。

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式。

Video标签