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 将会自动播放第二集的视频。注意,这个示例仅适用于具有固定数量视频的情况。如果你有动态加载的视频列表,你可能需要根据实际情况调整代码。
上一篇:为什么PHP最适合个人创业?
下一篇:网站统计工具测评推荐