ckplayer怎么在一个网页页面中存在多个视频
ckplayer怎么在一个网页页面中存在多个视频?
现在只能存在一个有效视频链接是我弄错了吗?实在不会弄了.....求大佬指点
把视频容器ID设为不同的以区分视频。 lanmfly 发表于 2022-3-7 19:50
把视频容器ID设为不同的以区分视频。
两个视频容器分别为#video1与#video2,下面怎么设置:'(研究好久没弄好
var videoObject = {
container: '#video1', //“#”代表容器的ID,“.”或“”代表容器的class
video: 'video/diqiu.mp4'//视频地址
};
var player = new ckplayer(videoObject);//初始化播放器 本帖最后由 niandeng 于 2022-3-8 22:09 编辑
只要在不同的容器里放置播放器即可,也可以单独控制,示例代码如下:<div class="video" style="width: 100%; height: 500px;max-width: 800px;">播放容器</div>
<div class="video2" style="width: 100%; height: 500px;max-width: 800px;">播放容器</div>
<script>
//调用第一个播放器
var videoObject = {
container: '.video', //视频容器
poster:'video/poster.png',//封面图片
video:'video/ad.mp4'//视频地址
};
var player=new ckplayer(videoObject)//调用播放器并赋值给变量playerplayer.play();//控制第一个播放器播放
player2.play();//控制第二个播放器播放
页:
[1]