admin 管理员组

文章数量: 887021

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

 

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

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

由于本人项目使用的是 angular1.* 版本，所以封装了一个directive使用ckplayer，详情可以查看我的另一篇博文：https://wwwblogs/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风格的控制栏，效果如下图

本文标签： 全屏 快进 源码 浏览器 CKplayer

版权声明：本文标题：修改CKplayer.js 源码解决移动端浏览器全屏不能限制快进的问题 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1723917672h745406.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。