Переключить Play / Stop для plyr.js - PullRequest
Новая
       25

Переключить Play / Stop для plyr.js

0 голосов
/ 19 декабря 2018

У меня возникли проблемы с работой настраиваемой кнопки воспроизведения / остановки, моя сценарий: я загружаю видео на YouTube через plyr.js.Это видео скрыто.У меня есть кнопка воспроизведения / остановки, которая находится за пределами видео и видна на странице.Я пытаюсь сделать кнопку воспроизведения / остановки, чтобы переключить видео, чтобы показать / скрыть.Видео должно быть загружено во время переключения, чтобы показать, что происходит.Видео должно быть остановлено во время переключения, чтобы спрятаться происходит.

Это то, что я пытался сделать до сих пор: 

playVideo = function(id){
    $('#section-'+id).toggleClass('show-clue');

    if($('#section-'+id).hasClass('show-clue')){
      const video = new Plyr('#section-'+id+' .video', { controls: [
          'play-large',
          'fullscreen'
      ]});
      video.play();
    }else{
      const video = new Plyr('#section-'+id+' .video', { controls: [
          'play-large',
          'fullscreen'
      ]});
      video.stop();
    }
  }

Функция вызывается внутри клика, даже так:

<a href="#" onclick="playVideo('2');">Clue</a>

Мой код выше дает мне эту ошибку: TypeError: this.media is undefined

Любая помощь очень ценится

...