一个反应播放器自动启动另一个反应播放器以停止

【问题标题】：One react player start another react player automatically to stop一个反应播放器自动启动另一个反应播放器以停止
【发布时间】：2022-09-27 20:26:21
【问题描述】：

react player npm
我们在一个组件中使用多个反应播放器，当启动另一个播放器时，所有播放器都在同时播放。我需要一个反应播放器自动启动以停止另一个反应播放器。这里附上一个示例图像

嗨，啪！你解决了这个问题吗？如果你已经解决了这个问题，你能分享你的答案吗？我有同样的问题。

标签： javascript reactjs react-player

【解决方案1】：

您可以轻松设置用户单击并开始播放的视频的密钥并设置仅当 id/key 匹配时才播放 true。

     // set key of the video user started playing 
     const [activeIndex, setActiveIndex] = useState(false); 

     //Looping video player
    {episodes && episodes.map((episode, key) => {
       <ReactPlayer
        id="VideoPlayer"
        url={someurl}
        className='react-player'
        playing={activeIndex === ky  ? true : false}
       >
      )}

【讨论】：