在 Carousel 中为缩略图反应 Js Image 标签和 Video 标签

如何解决在 Carousel 中为缩略图反应 Js Image 标签和 Video 标签

在我这边，我需要播放带有缩略图的 Sharepoint 库中的视频。 这是我的问题，因为 carousel 中的视频不支持缩略图。所以，我使用两个 共享点库，一个用于视频，另一个用于缩略图。

现在我想要的是将库中的图像显示到缩略图部分。当我点击一个 我需要播放视频的缩略图。

这是在返回部分使用代码，

          {(this.state.videoURLs.length > 0) && (
        <Carousel showThumbs={true} autoplay={false} infiniteLoop={true} showIndicators={false} showStatus={true}>     
                
            {this.state.videoURLs.map((imageList) => { 
               
              return (<div>    
          <video width="370" height="240" controls autoplay = {true} loop 
             muted>
             <source src={imageList} type="video/mp4"></source>
             </video>
              </div>)   
            })}   
          </Carousel>   )} 
          <Carousel showThumbs={true} autoplay={false} infiniteLoop={true} showIndicators={false} showStatus={true}>             
            {this.state.imageURLs.map((VideoList) => {    
              return (<div>    
            <img src={VideoList}/>
              </div>)   
            })}   
          </Carousel>
        

谢谢， 迪内什