Html 在iframe嵌入的youtube视频上显示缩略图

我想显示一个缩略图图像，当你点击它的youtube视频应该播放。我尝试使用

标记，但它不支持youtube视频，因此无法设置图像。我想在Reactjs中实现这一点。有人能提出解决办法吗

<iframe
     width='100%'
     height='100%'
     src=[youtube_video_link]
     frameBorder='0'
     allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture'
     allowFullScreen
></iframe>

---

我想你可以在你的应用程序中使用

reactplayer

软件包来显示任何带有缩略图的视频。 这里有：

基本示例：

<ReactPlayer                                                    
 className=[any_class_name]
 light={true}
 url={url}
 playing
/>

灯

道具将视频缩略图附加到视频

您也可以将缩略图设置为任何其他图像（由您选择），只需将true替换为任何图像URL即可