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


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标签









  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值