0

我无法让我的自定义播放/停止切换按钮工作，我的场景：我正在通过 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

任何帮助深表感谢

4

0 回答 0