修改CKplayer.js 源码解决移动端浏览器全屏不能限制快进的问题

原文地址：https://www.cnblogs.com/jying/p/9642445.html，转载请说明出处。

 

最近项目需要播放视频且限制未观看部分的快进功能，找了两款js插件ckplayer和jwplayer，由于ckplayer是国内大牛开发的，中文文档比较官方，而且主要是文档说可以禁用拖动，就直接使用了ckplayer，没有测试jwplayer，待日后有时间再学习~~

ckplayer的使用文档见官方网站：http://www.ckplayer.com ，当前CKplayer.js版本为X

由于本人项目使用的是 angular1.* 版本，所以封装了一个directive使用ckplayer，详情可以查看我的另一篇博文：https://www.cnblogs.com/jying/p/9519557.html

 

目标：限制未观看过的视频部分快进

默认：修改ckplayer.js中 timeScheduleAdjust:5 （该值表示是否可调节调节栏,0不启用，1是启用，2是只能前进（向右拖动），3是只能后退，4是只能前进但能回到第一次拖动时的位置，5是看过的地方可以随意拖动）或 player.changeConfig('config','timeScheduleAdjust',5)

问题：timeScheduleAdjust 设置为5后在pc端能限制点击鼠标和拖动不播放未观看的视频部分，但在移动端浏览器播放会自动全屏，自带浏览器无法限制不播放未观看过的部分。

解决历程：

ckplayer 有个属性 mobileCkControls:false ，用于控制是否在移动端显示ckplayer 控制栏，默认是false，设置该值为 true 后在移动端确实显示ckplayer风格的控制栏，效果如下图