搜索

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

[复制链接]
Leo 发表于 2017-11-25 15:11:15 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册加入

x
如题,播放器上面有上一集下一集,到了手机播放的时候,经常剩下上一集,下一集不见了。那就不完美了。有以下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金币 +40 收起 理由
admin + 40 感谢贡献

查看全部评分

ywj960015945 发表于 2018-8-16 22:36:07 | 显示全部楼层
感谢贡献
回复

使用道具 举报

小黑屋|海洋CMS

GMT+8, 2019-2-16 06:17 , Processed in 0.089716 second(s), 22 queries .

Powered by SeaCMS!

© 2015-2018 seacms.net.

快速回复 返回顶部 返回列表