EasyNVR H5无插件摄像机直播解决方案前端解析之:videojs初始化的一些样式处理
2023-09-14 08:59:59 时间
初始化完成对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/
获取更多信息
Copyright © EasyDarwin.org 2012-2017
相关文章
- H5 页面内打开手机摄像头
- 【腾讯Bugly干货分享】H5 视频直播那些事
- H5 视频播放解决方案
- H5新人福音~零配置搭建现代化的前端工程
- h5 ios输入框与键盘 兼容性优化
- “倔驴”一个h5小游戏的实现和思考(码易直播)——总结与整理
- android与H5互相调用
- 移动端H5页面之iphone6的适配
- EasyNVR网页摄像机无插件H5、谷歌Chrome直播方案使用详情功能-通道配置Excel导入导出
- EasyNVR摄像机网页无插件直播方案H5前端构建之:通道内部搜索功能的实现方案与代码
- 基于EasyNVR摄像机网页无插件直播服务二次开发实现H5播放页面的简单集成方案
- EasyNVR无插件H5/HLS/m3u8直播解决方案中Windows系统服务启动错误问题的修复:EasyNVR_Service 服务因 函数不正确。 服务特定错误而停止。
- 通用安防摄像机通过RTSP转RTMP推流进行H5(RTMP/HLS)直播的方案
- 一种微信直播H5直播与存储回放的HLS摄像机方案
- EasyNVR H5直播流媒体解决方案前端构建之:如何播放自动适配RTMP/HLS直播播放
- EasyNVR H5无插件摄像机直播解决方案前端解析之:监控实时直播的四分屏的前端展示
- EasyNVR H5无插件摄像机直播解决方案前端解析之:关于直播页面和视频列表页面切换的问题
- EasyNVR H5无插件摄像机直播解决方案前端解析之:引用videojs无法自动播放
- EasyNVR H5无插件摄像机直播解决方案前端解析之:videojs的使用
- 关于APP,原生和H5开发技术的争论
- Atitit.android webview h5运行环境总结
- uni——H5二维码生成
- [h5棋牌项目]-06-单件类
- 浏览器不支持flash插件之后,h5播放rtmp直播流的解决方案
- 测试开发之Vue学习笔记-H5实例百度音乐