前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >EasyNVR H5无插件直播方案前端构建之:videojs初始化的一些样式处理

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

作者头像
EasyNVR
发布2020-04-23 15:42:46
1.1K0
发布2020-04-23 15:42:46
举报
文章被收录于专栏:EasyNVR

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


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

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

EasyNVR
EasyNVR

问题:

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

解决:

EasyNVR H5直播
EasyNVR H5直播

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

代码语言:javascript
复制
 .vjs-progress-control,.vjs-remaining-time-display{
        visibility: hidden;
    }
EasyNVR H5无插件直播
EasyNVR H5无插件直播

关于EasyNVR

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-08-29 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 初始化完成对videojs样式的调整
  • 关于EasyNVR
相关产品与服务
云直播
云直播(Cloud Streaming Services,CSS)为您提供极速、稳定、专业的云端直播处理服务,根据业务的不同直播场景需求,云直播提供了标准直播、快直播、云导播台三种服务,分别针对大规模实时观看、超低延时直播、便捷云端导播的场景,配合腾讯云视立方·直播 SDK,为您提供一站式的音视频直播解决方案。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档