头像

HTML5视频标签video

来源:http://www.daimasucai.com/html5/34.html 代码素材管理员 2016-09-10浏览()

现阶段,我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash,通过使用object和embed标签,就可以通过浏览器播放swf,flv等格式视频文件,但是前提是浏览器必须安装第三方插件:Adobe Flash Player。而HTML5的到来,改变了这一事实,WEB开发者只需要使用video标签就可以轻松加载视频文件,而不需要任何第三方插件。

程序员,你不是一个人;网站开发QQ群:543107534  在线充值,或联系QQ 692521105直接充值

HTML5视频标签video
分类:首页>>网页特效>>html5 阅读次数:
查看演示 下载次数: 25

手机扫码访问:

下载资源 下载积分: 1

  WEB中的Video标签

  HTML5定义了一个新的元素用来指定标准的方式来插入视频文件到web页面中:标签。使用video标签可以控制视频的播放与停止,循环播放,视频尺寸等等,详情请看下表。

属性描述
autoplaytrue | false如果是 true,则视频在就绪后马上播放。
controlstrue | false如果是 true,则向用户显示控件,比如播放按钮。
height像素设置视频播放器的高度。
looptrue | false完成播放后再次开始播放,即循环播放
posterurl当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来
srcurl所播放视频的 url。使用子元素 <source> 实现更好。
width像素设置视频播放器的宽度。

  HTML5 视频标签的注意事项

  1、需创建三种视频格式以实现对 Firefox,Safari/Chrome 和 IE 的支持;

  2、不要省略任何一种格式。不能将HTML 5如你所想的那样兼容 Firefox 和 Safari,Safari 能解释 标签,会期望加载合适的文件,如果省略某种格式,会导致播放器空白;

  3、记住全屏显示不被 Safari 和 Chrome 所支持。然而,在 Firefox 3.6 版本中,你可以全屏浏览;

  4、要明白 IE 加载 Flash 文件的原因,是因为 IE 不能解释 元素。然而,如果浏览器支持,则会期望加载合适的文件。


标签: 视频标签 HTML5
声明:本文为原创文章,如需转载,请注明来源daimasucai.com并保留原文链接:http://www.daimasucai.com/html5/34.html
如果您觉得本文的内容对您的学习有所帮助,您可以扫描下面的二维码请我喝杯茶,感谢!
alipay转账 alipay转账 扫扫加qq群

评论(0)


温馨提示:为规范评论内容,垃圾评论一律封号...

后面还有条评论,点击查看>>