多个播放器怎么调用 const progress = document.querySelector('.dplayer-bar-wrap'); progress.addEventListener('click', (e) => { const percent = e.offsetX / progress.offsetWidth; dp.seek(dp.video.duration * percent); });

如果你有多个播放器，你需要为每个播放器分别调用这个代码。你可以将代码包装在一个函数中，然后在需要的时候调用该函数。例如：

function initProgressListener(dp) {
  const progress = dp.container.querySelector('.dplayer-bar-wrap');
  progress.addEventListener('click', (e) => {
    const percent = e.offsetX / progress.offsetWidth;
    dp.seek(dp.video.duration * percent);
  });
}

// 初始化第一个播放器
const dp1 = new DPlayer({
  container: document.getElementById('dplayer1'),
  video: {
    url: 'video1.mp4'
  }
});
initProgressListener(dp1);

// 初始化第二个播放器
const dp2 = new DPlayer({
  container: document.getElementById('dplayer2'),
  video: {
    url: 'video2.mp4'
  }
});
initProgressListener(dp2);

在上面的代码中，我们定义了一个 `initProgressListener` 函数，它接受一个播放器实例作为参数，并为该播放器添加进度条点击事件监听器。然后我们在初始化每个播放器时调用该函数，以添加相应的事件监听器。