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

关于videojs自动播放问题

播放流媒体多使用videojs来进行播放,videojs,本身自带自动播放属性;
通过添加autoplay(),来完成视频播放的自动加载;

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

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

EasyNVR

在其他浏览器上可以自动加载播放;

解决:

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

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

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

EasyNVR

关于EasyNVR

EasyNVR能够通过简单的网络摄像机通道配置,将传统监控行业里面的高清网络摄像机IP Camera、NVR等具有RTSP协议输出的设备接入到EasyNVR,EasyNVR能够将这些视频源的音视频数据进行拉取,转换为RTMP/HLS,进行全平台终端H5直播(Web、Android、iOS),并且EasyNVR能够将视频源的直播数据对接到第三方CDN网络,实现互联网级别的直播分发;

详细说明:http://www.easydarwin.org/easynvr/

获取更多信息

邮件:support@easydarwin.org

WEB:www.EasyDarwin.org

Copyright © EasyDarwin.org 2012-2017

EasyDarwin

posted @   Babosa|EasyDarwin  阅读(5354)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
历史上的今天:
2016-08-30 开源流媒体客户端EasyClient手机端控制摄像机EasyCamera云台PTZ控制实现
2016-08-30 开源流媒体客户端EasyClient手机端控制摄像机EasyCamera云台PTZ控制实现
2016-08-30 基于live555实现的跨平台高性能RTSPServer流媒体服务器EasyIPCamera
2016-08-30 基于live555实现的跨平台高性能RTSPServer流媒体服务器EasyIPCamera
点击右上角即可分享
微信分享提示