专栏首页EasyNVREasyNVR H5无插件直播方案前端构建之:videojs初始化的一些样式处理

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/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • RTSP网络摄像头/海康大华硬盘录像机网页无插件直播方案EasyNVR如何实现RTMP/FLV/HLS/RTSP直播流分发

    对于摄像机直播,客户反馈的最多就是实现web直播、摆脱插件,可以自定义集成等问题。

    EasyNVR
  • 视频流媒体服务器如何将视频直播转推到其他平台?

    每一个行业做久了,都会有些小小的私心,就是把这个东西完善到更好,甚至到创造一个新东西的地步,我做视频行业也是这样的(我相信一定不是我一个人这么想的),所以如果有...

    EasyNVR
  • 安防监控流媒体服务器对接宇视摄像机配置OCX插件安装时出现Failed to register ocx, error code 14001错误问题分析

    随着雪亮工程、明厨亮灶、手机看店、智慧幼儿园监控等行业开始将传统的安防摄像头进行互联网、微信直播,我们知道摄像头直播的春天了。将安防摄像头或NVR上的视频流转成...

    EasyNVR
  • 从零开发Spring Boot微信点餐后台(更新 ing)1 架构简介2 项目设计3

    JavaEdge
  • 嗨,你在空间直播了吗?

    腾讯ISUX
  • 儿童节|你和你的孩子都该警惕的超级盐弹

    大数据文摘
  • 第七章:数据过滤

    表名:products 字段:product_id、product_name、product_price、vend_id(供应商) 为了提供更强的过滤控制...

    用户1134788
  • 按照列筛选数据框不容易那么按照行就容易吗

    开始正式教程分享之前,先公布一个好消息,腾讯云的排行榜显示我们生信技能树是平台全国排名第123位有影响力的自媒体,还有一个证书:

    生信技能树
  • [解读REST] 5.Web的需求 & 推导REST

    衔接上文[解读REST] 4.基于网络应用的架构风格,上文总结了一些适用于基于网络应用的架构风格,以及其评估结果。在前文的基础上,本文介绍一下Web架构的需求,...

    blackheart
  • 1秒查看文档,摹客iDoc「附件」还可以这样玩!

    在日常工作中,当我们将原型图或设计稿分享给同事时,某些细节无论是口述还是直接标注,总是存在表达不够全面的情况,怎么办呢?

    奔跑的小鹿

扫码关注云+社区

领取腾讯云代金券