关于播放器上一集下一集到了手机出现问题的解决方案

Leo 2017-11-25 410

如题,播放器上面有上一集下一集,到了手机播放的时候,经常剩下上一集,下一集不见了。那就不完美了。有以下2个解决的办法:

方法1.隐藏播放器导航方法
修改播放器文件,如优酷的播放器文件是在js/player/youku.html
我们打开后,修改里面的<div id="play_header">,改成<div id="play_header" style="display: none;">
最后找到 var playerh=parent.playerh-33;这行代码,去掉其中的-33 就可以了;
这样处理,手机跟电脑播放都没有播放器导航了

方法2.修改程序自带的css,可能开发大大只测试了电脑,手机没测试,所以导致了手机的css有点问题,我们来补救。
位置在js/player/video.css
修改里面的5/6/7行
#header1{float:left;display:inline;width:20%;text-align:center; }
#header2{float:left;display:inline;width:51%;text-align:center;}
#header3{float:right;display:inline;width:28%;text-align:center;border-left:1px solid #222;}

把20%改成30%,51%改成44%,28%改成25%,然后保存,更新缓存,这样就几乎解决了手机播放器导航问题了
如果觉得还不完美,那么就把上一集、下一集、开启/关闭列表改一下
改成上集、下集、开/关列表,这样就少了4个字,少占位置了。修改文件在/js/play.js里面341行左右。

好了,教程到处结束,希望对大家有所帮助!!
最新回复 (1)
返回
发新帖