网站建设开发
安全+ 网站开发
网站建设
微信平台开发
H5制作
手机版网站
小程序开发
金融行业
金融行业 互联网+
信托行业
私募公司
基金公司
银行
行业解决方案
班车管理系统
影像资产管理
数据中台
精准用户画像
展业平台工具
首页 > 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,就可以直接提示安装。不需要在去下载。


北京:北京亦庄地盛北路1号31-2 010-67809240

京ICP备05015483号-1

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