ckplayer怎么在一个网页页面中存在多个视频

flyfly

ckplayer怎么在一个网页页面中存在多个视频？
现在只能存在一个有效视频链接  是我弄错了吗？实在不会弄了.....求大佬指点

lanmfly

把视频容器ID设为不同的以区分视频。

flyfly

lanmfly 发表于 2022-3-7 19:50
把视频容器ID设为不同的以区分视频。

两个视频容器分别为#video1与#video2，下面怎么设置  研究好久没弄好

1.     var videoObject = {
   
2.         container: '#video1', //“#”代表容器的ID，“.”或“”代表容器的class
   
3.         video: 'video/diqiu.mp4'//视频地址
   
4.     };
   
5.     var player = new ckplayer(videoObject);//初始化播放器

复制代码

niandeng

只要在不同的容器里放置播放器即可，也可以单独控制，示例代码如下：

1. <div class="video" style="width: 100%; height: 500px;max-width: 800px;">播放容器</div>
   
2.                 <div class="video2" style="width: 100%; height: 500px;max-width: 800px;">播放容器</div>
   
3.                 <script>
   
4.                         //调用第一个播放器
   
5.                         var videoObject = {
   
6.                                 container: '.video', //视频容器
   
7.                                 poster:'video/poster.png',//封面图片
   
8.                                 video:'video/ad.mp4'//视频地址
   
9.                         };
   
10.                         var player=new ckplayer(videoObject)//调用播放器并赋值给变量player

复制代码

player.play();//控制第一个播放器播放
player2.play();//控制第二个播放器播放