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

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

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

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

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

关于微信第三方平台(全网发布检测)检测流程以及踩到的坑

关于微信第三方平台(全网发布检测)检测流程以及踩到的坑

能点到全网发布这一步,说明你已经弄好了获取component_verify_ticket,component_access_token等这些参数,通常这个时候点击全网发布只会有这两个失败。如果其他失败的那就要好好检查一下你的代码了,或者查看…

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

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

用CMD命令查询域名的DNS解析记录:A,NS,MX,CNAME,TXT

1、查询域名的A记录nslookup -qt=A bitefu.net当然查询A记录你直接用ping命令来ping域名也可以获得A记录。2、查询域名的NS记录nslookup -qt=NS bitefu.net3、查询域名的MX记录nslo…

抢先体验太阳谷!20H1、20H2、21H1替换“Dev版新图标”

尽量不要替换shell32.dll.mun和zipfldr.dll.mun,这两老哥可能会带来无法预测的风险!不解除被替换文件的硬链接,已确定会导致无法安装质量更新!(详见H大测评)单替换imageres.dll.mun新图标覆盖率基本可达…

[钉钉]内网穿透之HTTP穿透

[钉钉]内网穿透之HTTP穿透

内网穿透之HTTP穿透更新时间:2021-06-21鉴于很多开发者在临时体验开发时往往没有公网域名或者公网IP,本工具提供了一个公网代理服务,目的是方便开发测试。注意 本工具不保证稳定性,仅适用于开发测试阶段,禁止当作公网域名使用…

TeraCloud:日本免费15G网盘,支持WebDav。适合搭配Zotero,AirExplorer实现自动同步备份

TeraCloud:日本免费15G网盘,支持WebDav。适合搭配Zotero,AirExplorer实现自动同步备份

TeraCloud是日本老牌网盘,速度挺快的。注册之后输入邀请码:“SX3BY”还可获得额外的5 GB.(如果你不输入邀请码,只能有10G)。经过我自己的尝试,我发现windows自带的资源管理器同步并不好,推荐Teracloud推荐的一些…

发表评论

访客

看不清,换一张

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