使用外部按钮控制 react-youtube 播放器

Question

我正在使用 react-youtube 包嵌入视频，我想在单击外部按钮时播放/暂停视频，目前我想不出任何方法可以实现这一点-

  const opts = {
    playerVars: {
      disablekb: 1,
      controls: 0,
      autoplay: 1,
      loop: 1,
    },
  };

  <div>
    <YouTube        
      videoId={vid}
      className="video"
      opts={opts}
      onPause={(e) => {
        !isHost ? e.target.playVideo() : pausePlayback(e);
      }}
      onPlay={(e) => startPlayback()}
    />
    <button type="button" className="end-call-btn" onClick={//want to play/pause the video when this is clicked} />
  </div>

Answer 1

我认为我们无法控制react-youtube-player 中的视频播放/暂停。您可以尝试使用react-player。这将使您能够更好地控制播放 youtube 视频。