点击下一集没有执行对应动作

浪比天涯 · 发表于 2022-6-15 15:36:57

v3点击控制器下一集没有执行对应动作

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>ckplayer</title>
  <link type="text/css" rel="stylesheet" href="ckplayer/css/ckplayer.css" />
  <script type="text/javascript" src="ckplayer/js/ckplayer.js" charset="UTF-8"></script>
  <script type="text/javascript" src="ckplayer/language/zh.cn.js"></script>
</head>

<body>
  <div class="video" style="width: 100%; height: 500px;max-width: 800px;">播放容器</div>
  <script>
var nextaa = function () {
   console.log(1);
}
nextaa()
var videoObject = {
   container: '.video', //视频容器
   poster: 'video/poster.png',//封面图片
   video: 'video/lc.mp4',//视频地址
   playbackrateList: [0.5, 1.0, 1.5, 2.0],//倍速配置值
   next: 'nextaa',//下一集按钮动作
};
var player = new ckplayer(videoObject)//调用播放器并赋值给变量player
  </script>

</body>

</html>

niandeng · 发表于 2022-6-16 09:12:45

在6月16日前的x3版本不支持这种使用方法，请下载最新版本。

var videoObject = {
...
next:{
link:'下一集链接地址',
click:nextHander//下一集执行的函数可以是函数名称，可以是字符串
}
}

复制代码

夕幽幽 · 发表于 2022-6-17 06:00:44

niandeng 发表于 2022-6-16 09:12
在6月16日前的x3版本不支持这种使用方法，请下载最新版本。

这是什么新功能？有说明吗？

niandeng · 发表于 2022-6-17 19:32:48

夕幽幽发表于 2022-6-17 06:00
这是什么新功能？有说明吗？

下一集功能，之前是只能链接其它网址，新功能加上了，可以点击执行js函数

rxb617 · 发表于 2024-1-5 18:55:16

niandeng 发表于 2022-6-17 19:32
下一集功能，之前是只能链接其它网址，新功能加上了，可以点击执行js函数 ...

怎么写下一集点击执行js函数

mshuking · 发表于 2024-1-10 21:47:40

本帖最后由 mshuking 于 2024-1-12 11:42 编辑

            <script>
                     var player=new ckplayer({
                              container: '.video', //视频容器
                              poster:'video/poster.png',//封面图片
                              autoplay:true,
                              rightBar:true,
                              screenshot:true,
                              smallWindows:true,
                              playbackrateOpen:true,
                              webFull:true,
                              theatre:true,
                              next:{javascript:'.video-next'},
            menu:[
                     {
                              title:'ckplayer',
                              link:'http://www.ckplayer.com',
                              underline:true
                     },
                     {
                              title:'播放/暂停',
                              click:'player.playOrPause',
                     },
                     {
                              title:'下一集',
                              click:'xiayiji',
                              underline:true
                     },
                     {
                              title:'关于视频',
                              click:'aboutShow'
                     }
            ],
                              video:'video/01.mp4',//视频地址
                     });
                     /*
                     * ===============================================================================================
                     * 以上代码已完成调用演示，下方的代码是演示监听动作和外部控制的部分
                     * ===============================================================================================
                     * ===============================================================================================
                     */

                     player.next(function(video){
                              player.vars('video','/mv/thl.mp4');//播放下一集
                     });
                     player.ended(function(){
                              player.vars('video','https://cfyy.vip/api/kg/5962668.mp4');//播放完自动播放下一集
                     });
                     function xiayiji(){player.vars('video','video/03.mp4');}//右键或按键播放下一集
            </script>
                     <button type="button" onclick="xiayiji()">下一集</button>

		自动登录	找回密码
密码			立即注册