切换plyr.js的播放/停止

Question

我无法使自定义播放/停止切换按钮正常工作，我的场景是：我正在通过plyr.js加载youtube视频。该视频是隐藏的。我在视频外部有一个自定义播放/停止按钮，该按钮在页面上可见。我正在尝试使播放/停止按钮切换视频以显示/隐藏。视频需要在切换时加载才能显示。视频需要在切换时停止才能隐藏。

这是我到目前为止尝试过的：

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();
    }
  }

即使在onclick中也被调用，就像这样：

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

上面的代码给我这个错误：TypeError: this.media is undefined

非常感谢您的帮助

Answer 1

plyr.io现在死了吗？因为大多数Q似乎对此脚本没有答案。