RTMP, HLS, FLV网页直播/点播播放器EasyPlayer.js引用videojs没法自动播放问题解决

EasyPlayer几乎涵盖了开发者所需的所有平台,尤为是在web端的EasyPlayer.js时遇到的播放器接入的问题,好比:不懂前端的js代码、没有公网服务器放置这些js脚本和网页、微信对接入IP播放地址有限制等。EasyPlayer.js,极大地方便了开发者在解决B/S型业务开发,集 rtmp,hls,flv,websocket 于一身的网页直播/点播播放器。html

引用videojs没法自动播放问题

不少的流媒体视频H5网页播放使用的是videojs来进行的播放,而videojs自己自带的自动播放属性是须要经过添加autoplay()方法来完成视频播放的自动加载:前端

player = videojs("video", {
     autoplay: true,
});

在制做四分屏的时出现给videojs添加autoplay()后,在一些浏览器上并不能完成自动播放,videojs加载完成后视频播放呈现出暂停样式:html5

36.jpg

可是这个问题在其余浏览器却不存在,在其余浏览器上是可以进行自动加载播放的。web

为了解决这样的不兼容的问题,咱们根据videojs最新的问题修复版本,设置一下更新后的swf版本:浏览器

videojs.options.flash.swf = 'video-js-fixed.swf';
设置flash swf路径后,Video.js会在不支持html5的浏览中使用flash播放视频文件;服务器

配合autoplay()就能够完成自动加载了播放;微信

37.jpg

实际上,采用video.js播放或者采用ckplayer、cyberplayer等播放器,在安防、流媒体、音视频领域,总会有一些局限,举个简单的例子,咱们为了产品全平台、全终端的兼容,须要H5播放能同时支持RTMP、HTTP、HLS、HTTP-FLV、websocket等多种协议,同时,在安防等工业场景,重连仍是必须的,例如RTMP重连、HTTP-FLV直播的重连、HLS(m3u8)直播的重连,这就不得不让咱们基于videojs、flv.js、flash等作整合,因而有了EasyPlayer.js。websocket

JS.png

相关文章
相关标签/搜索