文章

海洋cms模板播放器不能铺满div的修改技巧适用DIY系列模板

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%,去掉这两个就实现后台控制高度了;

原文来自:海洋cms模板播放器不能铺满div的修改技巧适用DIY系列模板,尊重自己,尊重每一个人;转发请注明来源!
0 0

发表评论

  • 评论2则,共1页,当前第1
    • 游于艺 [管理员]

      还是在学学别的东西吧,比如java , .net ,Oracle,Delphi
      嵌入式 什么的。这些比做网页有用多了,出路多,挣钱也多,做网页没什么发展。反正道理就是学着容易挣钱少,学着难挣钱多。要是会了单片机,精通汇编那就太了不起了,我就特佩服我的一个硬件老师,什么都会,特厉害。最后劝你一句,想挣大钱别弄计算机,我就是学计算机的,呵呵。