EasyNVR H5摄像机无插件直播解决方案前端解析之：引用videojs无法自动播放问题的解决

关于videojs自动播放问题

很多的流媒体视频H5网页播放使用的是videojs来进行的播放，而videojs本身自带的自动播放属性是需要通过添加autoplay()方法来完成视频播放的自动加载：

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

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

在其他浏览器上却是可以自动加载播放的！？？？

那么，为了解决这样的不兼容的问题，我们根据videojs最新的问题修复版本，设置一下更新后的swf版本：

videojs.options.flash.swf = 'video-js-fixed.swf';

设置flash swf路径后，Video.js会在不支持html5的浏览中使用flash播放视频文件；

配合autoplay()就可以完成自动加载了播放;

推荐使用EasyPlayer.js

实际上采用video.js播放或者采用ckplayer、cyberplayer等播放器，在安防、流媒体、音视频领域，尤其是在我们这种Easy系列的大家族里面，总会有一些局限，举个简单的例子，我们为了产品全平台、全终端的兼容，需要H5播放能同时支持RTMP、HTTP、HLS、HTTP-FLV、websocket等多种协议，同时，在安防等工业场景，重连还是必须的，例如RTMP重连、HTTP-FLV直播的重连、HLS（m3u8）直播的重连，这就不得不让我们基于videojs、flv.js、flash等做整合，于是有了EasyPlayer.js：

在安防等工业场景里面，播放重连是很重要的！

EasyPlayer.js是一款，支持HLS（m3u8）播放、支持HTTP-FLV播放、支持RTMP播放、支持视频直播和视频点播播放、支持播放器快照截图、支持点播多清晰度播放、支持全屏拉伸显示或比例显示、支持flash支持极速和流畅模式、支持flash支持HTTP-FLV播放（兼容IE浏览器的HTTP-FLV播放）、兼容IE浏览器播放的完整功能的H5视频播放器；

详细的EasyPlayer.js获取可以到Github：https://github.com/EasyDSS/EasyPlayer.js

EasyPlayer.js是完全免费的一款Easy团队自用产品；

关于EasyPlayer系列

实际上EasyPlayer.js是EasyPlayer播放器系列10个分支中的一个，EasyPlayer是由**青犀TSINGSEE开放平台**开发和维护的一个流媒体播放器系列项目，随着多年不断的发展和迭代，不断基于成功的实践经验，发展出包括有：

• EasyPlayer RTSP播放器（Windows / Android / iOS）

• EasyPlayer RTMP播放器（Windows / Android / iOS）

• EasyPlayerPro 全功能播放器（Windows / Android / iOS）

• EasyPlayer.js H5全平台播放器（H5）

EasyPlayer项目集群说明

√ EasyPlayer-RTSP

EasyPlayer-RTSP是一套RTSP播放器项目，目前包括有Windows、Android、iOS多个分支，主要用于RTSP专用播放，比大部分通用播放器更加精炼，而且延时控制方面非常优秀，非常适用于安防行业：

• EasyPlayer-RTSP-Win：https://github.com/EasyDSS/EasyPlayer-RTSP-Win

• EasyPlayer-RTSP-Android：https://github.com/EasyDSS/EasyPlayer-RTSP-Android

• EasyPlayer-RTSP-iOS：https://github.com/EasyDSS/EasyPlayer-RTSP-iOS

√ EasyPlayer-RTMP

EasyPlayer-RTMP是一套RTMP播放器项目，目前包括有Windows、Android、iOS多个分支，主要用于RTMP专用播放，比大部分ffmpeg封装类型播放器更加精炼，而且延时控制方面非常优秀，自定义扩展RTMP H.265支持：

• EasyPlayer-RTMP-Win：https://github.com/EasyDSS/EasyPlayer-RTMP-Win

• EasyPlayer-RTMP-Android：https://github.com/EasyDSS/EasyPlayer-RTMP-Android

• EasyPlayer-RTMP-iOS：https://github.com/EasyDSS/EasyPlayer-RTMP-iOS

√ EasyPlayerPro

EasyPlayerPro是一款全功能的流媒体播放器，支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放、支持本地文件播放，支持本地抓拍、本地录像、播放旋转、多屏播放、倍数播放等多种功能特性，核心基于ffmpeg，稳定、高效、可靠、可控，支持Windows、Android、iOS三个平台，目前在多家教育、安防、行业型公司，都得到的应用，广受好评！

• EasyPlayerPro-Win：https://github.com/EasyDSS/EasyPlayerPro-Win

• EasyPlayerPro-Android：https://github.com/EasyDSS/EasyPlayerPro-Android

• EasyPlayerPro-iOS：https://github.com/EasyDSS/EasyPlayerPro-iOS

√ EasyPlayer.js

EasyPlayer.js是EasyPlayer H5版，支持http、rtmp、flv、hls等多种协议，支持全平台、全终端（Windows、Linux、Android、iOS）播放；

• EasyPlayer.js：https://github.com/EasyDSS/EasyPlayer.js

EasyPlayer.js的应用案例

EasyPlayer.js目前已经成功应用在了Easy系列的多款产品上，尤其是比较知名的EasyNVR智能云终端无插件服务产品、EasyDSS互联网流媒体服务器产品、EasyNVS视频集中管理平台产品、EasyGBS国标GB/T28181平台产品，这些产品都完完全全使用的是EasyPlayer.js：

• EasyNVR
  

• EasyDSS
  

• EasyNVS
  

• EasyGBS
  

更多流媒体音视频资源

EasyDarwin开源流媒体服务器：www.EasyDarwin.org

EasyDSS高性能互联网直播服务：www.EasyDSS.com

EasyNVR安防视频可视化服务：www.EasyNVR.com

EasyNVS视频综合管理平台：www.EasyNVS.com

EasyNTS云组网：www.EasyNTS.com

EasyGBS国标GB/T28181服务器：www.EasyGBS.com

EasyRTC视频会议解决方案：www.EasyRTC.cn

Copyright © TSINGSEE.com Team 2012-2019