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

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

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

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

本来默认是在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等这些参数,通常这个时候点击全网发布只会有这两个失败。如果其他失败的那就要好好检查一下你的代码了,或者查看…

centos 配置Let's Encrypt 泛域名https证书

centos 配置Let's Encrypt 泛域名https证书

前言2018年1月份Letsencrypt可以申请泛域名证书,这让我们部署多域名、多站点https省了很多功夫,终于可以不用维护多个域名的https证书。笔者以acme.sh为例,手把手教你配置https证书~本教程适用于centos 6.…

PIP 更换国内安装源linux/windows

pip国内的一些镜像  阿里云 http://mirrors.aliyun.com/pypi/simple/   中国科技大学 https://pypi.mirrors.ustc.edu.cn/simple/   豆瓣(…

​CentOS 安装libsodium 支持 crypto_aead_aes256gcm_decrypt 兼容php5.6,php7.2

微信小微商户下载证书返回的密文用 AEAD_AES_256_GCM 算法 解密的方法。其中用到了 string sodium_crypto_aead_aes256gcm_decrypt ( string $ci…

Bootstrap动态切换主题(通用)

bootstrap有个网站叫做bootswatch,其中已经设计了一些很美的主题:要想使用也是很简单的,只需要下载其中的bootstrap.css或者bootstrap.min.css并覆盖到自己项目的对应文件就行了。如果你想动态切换的话,…

[经验分享] 20个短视频素材网站

1、Coverr:(https://coverr.co)很好很强⼤的免费视频素材⽹站,海量库存,每周 持续更新7条精美视频。2、Pexels:(https://www.pexels.com)这是我…

发表评论

访客

看不清,换一张

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