Как создать одиночный плир на странице нескольких плиров - PullRequest
Новая
       13

Как создать одиночный плир на странице нескольких плиров

0 голосов
/ 17 апреля 2019

Я использую PLYR, и мне удалось вывести всех моих игроков на страницу. У меня есть следующий код, но я рассчитываю на каждого игрока с помощью следующих методов. Думаю, мне нужно сделать каждого уникальным, возможно, с помощью идентификатора? Любая помощь будет в значительной степени получена. 

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
}
...