dplayer使用for循环生成,怎么添加 const progress = document.querySelector('.dplayer-bar-wrap'); progress.addEventListener('click', (e) => { const percent = e.offsetX / progress.offsetWidth; player.seek(player.duration * percent); }); }
时间: 2023-06-19 07:07:34 浏览: 198
vue-dplayer::video_camera:一个基于DPlayer的Vue 2.x视频播放器组件
你可以将这段代码放在dplayer的初始化代码之后。例如:
```javascript
const dp = new DPlayer({
// dplayer的配置
});
const progress = document.querySelector('.dplayer-bar-wrap');
progress.addEventListener('click', (e) => {
const percent = e.offsetX / progress.offsetWidth;
dp.seek(dp.video.duration * percent);
});
```
这样,当用户点击进度条时,就会触发这段代码,将视频跳转到相应的位置。注意,这里的 `player` 要改成 `dp`,因为我们是用 `const dp = new DPlayer()` 定义的 dplayer 实例。
阅读全文