网上有很多类似的介绍,这里和他们的区别是加了在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,就可以直接提示安装。不需要在去下载。
原文地址北京市盛世阳光文化传播有限责任公司: