Question

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

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

wordscaps = re.compile("^([A-Z]*)$")

lettersnumbers = re.compile("^([a-zA-Z0-9]+)")

numbersonly=re.compile("^([0-9]+)$")

titlecase = re.compile("^([A-Z][a-z]{1,})$")

longwords=re.compile("^([a-z]{15,})$")

该函数在onclick内被调用，就像这样：

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>

非常感谢您的帮助

切换plyr.js的播放/停止

0 个答案: