企业视频远程会议系统EasyRTC录像回看界面视频播放器错位问题的解决

我们搭建的关于EasyRTC的方案包括智慧海关项目勘测系统外业作业信息化管理项目等,可以看到EasyRTC已经不仅仅用于企业的视频会议了,其更多的应用在于为一个大型项目提供视频能力。

RTC.png

EasyRTC录像回看播放器位置错位

EasyRTC视频会议系统能够进行会议的录像回看,不错过重要信息,当在录像回看列表的小屏下,录像回看的播放器超出白色背景框:

1042.jpg

问题分析

因为白色背景给了500px 固定高度,而播放器是根据16:9的比列来响应高度的,当一定屏幕下,播放器的高度超出了500px就超出了白色的背景容器

问题解决

为解决这个问题,我们改用element的el-dialog组件,从而达到自适应的效果:

1043.png

解决后效果如下图,就不会有播放器错位的情况再次出现了。

1044.png

猜你喜欢

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