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

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

现在如果一个网站需要在网页上插入视频，第一反应就是用到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,就可以直接提示安装。不需要在去下载。

如果你觉得以上内容对您有用，请关注“Web堆儿”，我们的宗旨就是提供网站建设和运营中的各种干货。