React Player Thumbnail
Use the light prop to supply an image URL to the player.
<ReactPlayer className="videoFrame" url={url} light="http://placekitten.com/200/300" playing controls/>
If you have an specific image that you want to be the thumbnail, you should set the image URL to light:
<ReactPlayer url='https://vimeo.com/243556536' light = 'https://sampleimage.com' playing controls/>If you want to display the thumbnail of the video, you'll just have to set light to true:
<ReactPlayer url='https://vimeo.com/243556536' light = {true} playing controls/>Check the documentation of react-player on this link: https://www.npmjs.com/package/react-player
You need to capture first frame of video as image than save it and use. But this used when you are working with image processing. I am recommending following optionsPlease check here-https://www.npmjs.com/package/react-playerotherwise use go through this link-https://video-react.js.org/