• 懒鸟飞:帝国cms模板专业分享平台,新域名:lanniaofei.com

DPlayer点击第二集按钮时自动播放

DPlayer 是一个开源的 HTML5 视频播放器,它支持自动播放功能。如果你想要在点击第二集时自动播放,可以通过 JavaScript 来实现。以下是一个简单的示例:
1、首先,确保你已经引入了 DPlayer 的相关文件:
 <link rel="stylesheet" href="path/to/dplayer.min.css" />
<script src="path/to/dplayer.min.js"></script>

2、创建一个包含视频信息的数组,例如:
 const videos = [ { title: '第一集', url: 'path/to/video1.mp4', }, { title: '第二集', url: 'path/to/video2.mp4', }, // ...其他视频 ];

3、初始化 DPlayer,并在点击第二集时自动播放:
 
<div id="dplayer"></div>
 
<script type="text/javascript">
const dp = new DPlayer({
  container: document.getElementById('dplayer'),
  video: videos[0], // 默认播放第一集
});

// 获取播放列表按钮
const playlistBtn = document.querySelector('.dplayer-menu-list-item:nth-child(2)');

// 监听点击事件
playlistBtn.addEventListener('click', () => {
  // 切换到第二集
  dp.switchVideo(videos[1]);

  // 开始播放
  dp.play();
});
</script>
这样,当你点击第二集时,DPlayer 将会自动播放第二集的视频。注意,这个示例仅适用于具有固定数量视频的情况。如果你有动态加载的视频列表,你可能需要根据实际情况调整代码。

 
QQ在线咨询
QQ客服
淘宝官网