当前位置:首页 > 技术分享

ckplayer如何动态切换控制栏的状态 调节播放进度调节栏 timeScheduleAdjust

admin4年前 (2022-07-12)技术分享3470

当遇到需求是视频未播放过不可以滑动滚动条,或者只可以滑动已经播放过的片段,或只退不进,只进不退等情况。那么就需要看一下这篇文章了,希望可以帮助到你。

本来默认是在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的控制栏了

扫描二维码推送至手机访问。

版权声明:本文由小刚刚技术博客发布,如需转载请注明出处。

本文链接:https://blog.bitefu.net/post/315.html

分享给朋友:

“ckplayer如何动态切换控制栏的状态 调节播放进度调节栏 timeScheduleAdjust” 的相关文章

mysql update不支持set子查询更新 的解决办法

mysql update不支持set子查询更新 的解决办法

先看示例:SELECT uin,account,password,create_user_uin_tree FROM sys_user结果:表中的create_user_uin_tree标识该条记录由谁创建。创…

VirtualXposed 不支持32位应用 32位无法安装问题解决办法

VirtualXposed 不支持32位应用 32位无法安装问题解决办法

VirtualXposed 是基于VirtualApp 和 epic 在非ROOT环境下运行Xposed模块的实现(支持5.0~10.0)。与 Xposed 相比,目前 VirtualXposed 有…

遭遇国外ip抓取或攻击怎么办一招解决禁止海外IP访问

遭遇国外ip抓取或攻击怎么办一招解决禁止海外IP访问

究发现很多网站被攻击都是来自海外的肉鸡,所以禁掉海外IP访问网站也是不错的防护手段,而且国内网站几乎很少有国外用户访问,称之为大局域网也不为过。今天主机吧来教大家如何利用域名解析禁止掉海外IP访问网站。绝大多数域名解析服务商都是提供电信联通…

在CentOS 5.x 6.x里使用yum源 换阿里云国内源换vault.centos.org源

阿里云CentOS 5 的系统,无法用yum来安装应用软件。  原因:CentOS 5 在2017-03-31日已经结束支持,不再提供维护更新,所以包括阿里云镜像站的文件可能都是过时或已经有部分文件缺失。 &n…

python 高速处理分析超大网站日志文件 带进度条手动输入日志文件

 python 高速处理分析超大网站日志文件 带进度条手动输入日志文件    1 统计本日志文件的总pv、uv    2 列出全天每小时的pv、uv数    3 列出to…

apache限制某个目录下的php文件没有执行权限 解决图片木马

1. 使用.htaccess 文件限制 在要限制php执行的目录下,创建.htaccess文件,加入内容php_flag engine off.htaccess 下载地址(使用方法,下载后解压 上传.htaccess文件到附件目录)http…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。