javascript - React 播放器缩略图

Question

我正在使用 react-player 播放视频。不确定是否有更好的选择，但这似乎可以完成工作。我唯一的问题是，我需要获取视频的缩略图。知道我将如何解决它吗？

如果您知道在 React 网络应用程序中使用支持的缩略图播放视频的更好选择，那也很棒。

<ReactPlayer                                                    
 className="videoFrame"
 url={url}
 playing
 controls
/>

谢谢

编辑:我最终使用视频本身作为缩略图并阻止了它上面的所有鼠标事件。然后使用父 div 作为按钮。在 youtube 的情况下，我用 youtube ( https://img.youtube.com ) 提供的缩略图替换了视频，因为视频上有一个很大的播放按钮。大多数其他玩家没有。

Answer 1

使用 light 属性为播放器提供图像 URL。

<ReactPlayer                                                    
 className="videoFrame"
 url={url}
 light="http://placekitten.com/200/300"
 playing
 controls
/>