海康/大华SDK视频智能分析安防监控系统EasyCVR集成iframe播放分屏出现滚动条原因排查

TSINGSEE青犀视频开发的视频平台都是支持集成的,尤其是EasyGBS、EasyCVR这样的平台,由于其协议的特性,非常适合在点位比较多且分散的场景下部署以及集成到现有平台当中。

2.png

有个建筑工地项目团队通过EasyCVR来调用iframe地址来进行集成,将不同地址的视频都集成进自己现有的业务平台当中,但是在分屏页面下,部分分屏出现了播放器显示滚动条的问题。

60.png

本地排查发现,当鼠标移动到视频上就会出现滚动条,在控制台测试如果把云台去掉就是正常的,因此此处的问题应该是与云台有关,经测试发现每当云台展示就会扩大视频的宽度,导致播放器出现滚动条。

61.png

找到项目的Player.vue 文件修改样式代码,将此处字段改写成自适应即可,参考代码如下:

62.png

.player-pages-box {
  overflow: hidden;
  position: relative;
  margin: auto;
  padding-bottom: 56.25%;
}

EasyCVR可以作为建筑工地中心管理平台,也可以通过集成进行调用,此外还可以通过国标GB28181协议与其他平台进行级联关系,可实现网络数据采集、存储,集中管理,实现网络地址解析,数据传送到流媒体服务器上。

除了在建筑工地外,EasyCVR还可用于智慧校园、智慧社区、智慧园区等地的建设,欢迎大家了解更多视频相关的解决方案。

微信截图_20210218154606.png

猜你喜欢

转载自blog.csdn.net/TsingSee/article/details/115129210
今日推荐