Javascript 旋转木马中的Js图像标签和视频标签用于缩略图

在我这边，我需要用缩略图播放来自Sharepoint库的视频。 这是我的问题，因为转盘中的视频不支持缩略图。所以，我用两个 sharepoint库一个用于视频，另一个用于缩略图

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

这是我在返回部分使用的代码

          {(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>
        

{（this.state.videoURLs.length>0）&(
{this.state.videoURLs.map（（imageList）=>{
报税表（
)   
})}   
)} 
{this.state.imageURLs.map（（视频列表）=>{
报税表（
)   
})}   

谢谢， 中国语