1.为了更完美的实现自适应播放器尺寸我们把海洋cms的默认播放器尺寸方式进行了修改,这样导致部分用户的播放器不能铺满div,如果有遇到请手动修改部分文件即可解决。

修改技巧:
首先设置后台播放器尺寸全部为100%,位置后台/系统/播放器设置
打开你所使用的播放器js文件,位置根目录/js/player/
修改文件内的播放器高度代码 height="'+playerh+'"修改成 height="100%"
然后隐藏顶部导航条,给id="play_header"这行div加一个隐藏代码 style="display: none;"
完成以上操作就可以实现百分百自适应尺寸了;

修改解释:因为播放器默认动态加载后台设置部分加载不出导致不能全屏,所以需要手动修改成修改成 height="100%",顶部导航条不隐藏会导致播放器下移会遮挡住播放器的播放和进度条按钮等,所以统一全部隐藏了;

2.如果你觉得这样不方便用或者不合适,你也可以还原改成使用默认后台设置尺寸,默认只能识别手机和电脑两种尺寸非自适应,可能会导致部分设备的尺寸不够完美,具体用那种自行选择

修改技巧:
还原默认尺寸方法刚刚上面的第一步骤就不用修改了
找到打开templets/你的模板目录/html/vod/player.html文件
找到stui-player__video这行div删掉 embed-responsive embed-responsive-16by9两个值
然后打开templets/你的模板目录/html/play.html文件,删掉, playerh='100%', mplayerh='100%'
请看好删除的空格和字符,完成上面的操作就可以实现后台控制高度了;

修改解释:embed-responsive embed-responsive-16by9是控制了播放器自适应,, playerh='100%', mplayerh='100%',两个值是控制了播放器手机和电脑的高度=100%,去掉这两个就实现后台控制高度了;

最后修改:2022 年 12 月 05 日
如果觉得我的文章对你有用,请随意赞赏