ckplayer如何动态切换控制栏的状态 调节播放进度调节栏 timeScheduleAdjust
当遇到需求是视频未播放过不可以滑动滚动条,或者只可以滑动已经播放过的片段,或只退不进,只进不退等情况。那么就需要看一下这篇文章了,希望可以帮助到你。
本来默认是在ckplayer.json中设置的不过一旦设置就不能动态更改了.所以可以通过自定义方法来实现.
首先打开ckplayer包下面的ckplayer.js文件,在其中自定义方法
代码如下:
/* 内部函数 判断是否可以拖动进度按钮或点击进度栏 */ // 动态设置timeScheduleAdjust的值 changeTimeScheduleAdjust:function(num){ this.ckConfig['config']['timeScheduleAdjust'] = num; },
num代表ckplayer的控制栏的状态值
状态值:"1", //是否可调节播放进度调节栏,0不启用,1是启用,2是只能前进(向右拖动),3是只能后退,4是只能前进但能回到第一次拖动时的位置,5是看过的地方可以随意拖动
调用方法
var player = new ckplayer(videoObject); player.changeTimeScheduleAdjust(3);
设置完之后就可以在播放中调用方法进行切换
通过上面的步骤就可以在Vue中动态切换ckplayer的控制栏了