浪比天涯 发表于 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>
页: [1]
查看完整版本: 点击下一集没有执行对应动作