首页 > Web堆儿 > 正文

多快好省的解决网页上视频播放兼容性问题

时间:2017-07-28 16:08:01  转载请注明出处:盛世阳光网站建设 本文地址:http://www.gonet.com.cn/webduirshow-136.html



今天我们来介绍一个能够快速、便捷、有品质保障的技术手段来解决网页上视频播放兼容性问题。

现在如果一个网站需要在网页上插入视频,第一反应就是用到H5的video标签,H5的出现解决一部分浏览器网页的播放问题,我们都知道IE一直是一个两耳不闻窗外事的存在,直到IE11版本,才开始勉强支持H5视频播放,那么问题来了,现在还有很多的用户在使用这IE11以下版本的浏览器,那就只能使用flash插件来支持播放,相比H5的一个video标签来讲,flash那肯定要复杂一些,那么如何让IE低版本浏览器支持H5 。
以IE8为例,先引入js,在网上搜索video.js就可以下载。



网上有很多类似的介绍,这里和他们的区别是加了在H5的基础上加上了辅助的flash播放器,Video.js会在不支持html5的浏览中使用flash播放视频文件,需要注意的是如果不加videojs.options.flash.swf = "video-js.swf";就会出现播放视频卡顿,而且在IE8可以播放,但在IE11又不兼容了。
页面调用也不复杂,如下图src标签里写入视频路径即可;






H5还有一个不如意的地方就是它目前只支持MP4格式,其他格式的视频都要转码,那就太麻烦了,我也写了一个例子和大家分享一下,
以flv格式为例,在不支持H5的浏览器里就需要用到flash播放器,一般讲flash播放器放到网站根目录下Flvplayer.swf,可以在网上下载,注意的是flvplay.swf和上面文章里的video-js.swf是不同的,不要偷懒,需要把两个文件都放入根目录,页面播放代码,播放fiv使用的是object标签.



元素flashvars="vcastr_file=后面跟视频路径就可以了,需要注意flvplay.swf放置路径,
元素pluginspage="video/flashplayer26ax_va_install_26.0.0.131.exe"这里是指的flash的安装包,可以将其下载到本地,如果用户没有安装过flash,就可以直接提示安装。不需要在去下载。


北京:北京市朝阳区金蝉西路甲一号酷车小镇D1-1栋  010-51296822

上海:上海市洛川中路1158号B2幢609  021-64201096

京ICP备05015483号

版权所有 2001-2016 北京市盛世阳光文化传播有限责任公司