EasyNVR H5无插件直播方案前端构建之：videojs初始化的一些样式处理

初始化完成对videojs样式的调整

---

因为不一样项目的须要，对于加载出来的videojs播放器样式也有不一样的需求；咱们须要自主的处理一下加载出来的videojs播放器的样式；

默认加载出来的会包含有暂停按钮、音量调节按钮、时间进度条、时间显示和全屏显示按钮等：

问题：

若是咱们进行播放的视频是直播视频，时间进度条和时间显示在播放器样式上就显得有点多余；能够经过自主更改属性去除这些样式；

解决：

经过浏览器找到对应的属性名称，将对应属性的值经过CSS设置为隐藏属性：

.vjs-progress-control,.vjs-remaining-time-display{
        visibility: hidden;
    }

关于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