zoukankan      html  css  js  c++  java
  • EasyNVR H5无插件直播方案前端构建之:videojs初始化的一些样式处理

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


    由于不同项目的需要,对于加载出来的videojs播放器样式也有不同的需求;我们需要自主的处理一下加载出来的videojs播放器的样式;

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

    EasyNVR
    问题:

    如果我们进行播放的视频是直播视频,时间进度条和时间显示在播放器样式上就显得有点多余;可以通过自主更改属性去除这些样式;

    解决:

    EasyNVR H5直播
    通过浏览器找到对应的属性名称,将对应属性的值通过CSS设置为隐藏属性:

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

    EasyNVR H5无插件直播

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

  • 相关阅读:
    libiconv2.dll
    windows下安装,配置gcc编译器
    STM32之DMA
    keilkill.bat
    STM32之系统滴答定时器
    STM32库函数开发使用总结
    STM32之串口通信
    yocto系统介绍
    fork子进程僵尸问题及解决方案
    shell实现的守护进程
  • 原文地址:https://www.cnblogs.com/EasyNVR/p/10834062.html
Copyright © 2011-2022 走看看