欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  科技

CKplayer JS互动控制播放器演示调用示例

程序员文章站 2022-05-02 21:53:29
CKplayer JS互动控制播放器演示调用示例...

  在ckplayer的高级应用设置中,我们可以在网页中用 js 控制 ckplayer 播放器的播放状态,目前除 全屏 无法控制外,其他的功能基本上都可以通过 js 来控制。

  强调:js 中控制的播放器 id 指的是播放器 object 的 id,而非网页中显示播放器的 div 的 id。在这里,ck.js 中默认的 object 的 id 是:ck + 传入的容器id,比如你的播放器调用代码为:

CKplayer JS互动控制播放器演示调用示例
ckplayer

  那么:很明显,你的播放器将填充到 myvideo123 这个容器中,呃:js 中控制的播放器互动的 id 应该是什么呢,对,就是:ckmyvideo123。

  另外:由于 ck.js 中默认有 id 值为:myvideo,那么,如果你在调用播放器时没有指定 id 的话,那么,控制播放器的 js 互动 id 就是:ckmyvideo。

  ps:简单点说,就是用于控制播放器的 js 中用的 id 需要在网页播放器 div 的 id 前加上两字母:ck,如果你没指定 div 的 id,那么播放器的 object id 就是:ckmyvideo ( 注:用官方的代码调用的朋友加:ckplayer_ )。

  好,我们上面效果中用到的代码如下:

CKplayer JS互动控制播放器演示调用示例
ckplayer