如何在多个plyr的页面上实现单个plyr的

Question

我正在使用PLYR，并且设法将所有播放器都显示在页面上。我有以下代码，但希望通过以下方法来影响每个玩家。我想我将需要使每个ID唯一，可能带有一个ID？任何帮助都会得到很大的帮助。

export const $ = {
   playButton: document.querySelector('.Video__image'),
   players: document.querySelectorAll('.Video__player'),
}

const players = Array.from($.players).map(player => new Plyr(player, 
 {
   controls: ['play', 'progress','current-time'],
 }));

 $.playButton.addEventListener('click', () => {
     player.play();
     $.playButton.classList.add('is-playing')
 })

 player.on('pause', () => {
   $.playButton.classList.remove('is-playing')
 })

export default () => {
  players
}