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

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

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

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

本来默认是在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” 的相关文章

超高性比的斐讯盒子T1,刷第三方YYF固件机教程超级详细版

超高性比的斐讯盒子T1,刷第三方YYF固件机教程超级详细版

家里面买了斐讯盒子T1,必不可少的就是刷机,刷机一直爽,一直刷机一直爽,这样的快乐一般人体会不到。原来斐讯盒子N1,T1,还有斐讯K2P路由器也变成了性价比超高的东东,而且众多大神也带来了超多可玩性非常高的固件和破解。楼主今天扒到了相关超高…

2021可用的百度网盘高速下载方法分享

2021可用的百度网盘高速下载方法分享

最新可用方法https://blog.bitefu.net/post/163.html方法很简单就是利用网盘直链下载助手【网盘直链下载助手】是一款免费开源获取网盘文件真实下载地址的油猴脚本,基于PCSAPI,支持Windows,Mac,Li…

PHP AES加解密 (ECB模式/sha1prng算法/PKCS5Padding和PKCS7Padding补码) ECB 模式不需求设置 iv

php7+ 版本/**  * [AesSecurity aes加密,支持PHP7+]  * 算法模式:ECB  * 密钥长度:128  * 补…

php Aes 加密模式ECB填充pkcs5padding base64

最近做支付项目用到了aes加密不过试了好多办法总是和官方给出的结果不一样,找了很久终于找到了测试结果同 http://tool.chacuo.net/cryptaes/ <?php /**  * [Aes&nb…

微软Windows 10升级密钥(例如家庭版升级为企业版) 不能用于激活系统

微软Windows 10升级密钥(例如家庭版升级为企业版) 不能用于激活系统

下面的密钥,是微软官方提供的,仅能用于Windows10系统版本的升级,比如从家庭版升级为专业版、专业版升级为企业版等。升级密钥不能用于激活系统,激活需要KMS或者数字权利,由于涉及到版权问题,在此不宜分享,请大家自行查找激活相关的内容。准…

Nginx服务崩溃自动重启脚本(监控进程服务并自动重启进程服务)脚本

有一台服务器运行着Ngin最近突然有一次崩溃,导致使用方当天无法访问网页端,然后我不得不登录服务器,检查各项服务,发现nginx崩溃了,于是重启Nginx,问题解决。后来为了防止Nginx再发生这种情况给运维带来的运维成本,于是写了一个脚本…

发表评论

访客

看不清,换一张

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