DPlayer 多个视频
时间: 2024-09-03 15:05:16 浏览: 93
dplayer多视频列表播放
DPlayer是一个轻量级的HTML5音频和视频播放器,它支持流畅的视频播放,并提供了一系列丰富的API和自定义选项。当你需要在一个页面上显示多个视频时,DPlayer可以轻松处理这种情况。你可以创建多个独立的DPlayer实例,每个实例对应一个视频元素,例如:
```html
<div id="video1" class="dplayer"></div>
<div id="video2" class="dplayer"></div>
<script>
const player1 = new DPlayer.create({
container: document.getElementById('video1'),
video: {
url: 'path/to/video1.mp4'
}
});
const player2 = new DPlayer.create({
container: document.getElementById('video2'),
video: {
url: 'path/to/video2.mp4'
}
});
</script>
```
每个`DPlayer.create`方法会创建一个新的播放器实例,并将其绑定到指定的DOM元素上。通过这种方式,你可以控制每个视频的播放、暂停、进度等操作。
阅读全文