Light Mode Shows No Preview Image

react-player’s light mode shows no preview image. There was no problem with preview images in light mode but somehow this started to happen.

Here is a screenshot of the issue: https://ibb.co/hdLdGmv

My version of react-player is 2.7.0.

Here is how I use it in my GatsbyJS website: <ReactPlayer css={videoPlayer} url={url} ref={refMovie} width='50vw' light={1} controls={0} />

I also used light={true} which resulted in the same behavior.

I import it like this: import ReactPlayer from 'react-player';

Any help would be much appreciated since it looks unprofessional using it like this. Plus, if I do not use the light mode, it increases the CPU usage in the web page causing laggy UX.

[cookpete]

The URLs work on noembed’s demo.

Interesting. Is there a console error (or network error) when your app makes the request to noembed?

Do you think there is another way that would make the use of light mode possible without losing that amount of time for each video link.

If you’re not able to pass image URLs to light and noembed isn’t working for you, there isn’t really any way to make use of light mode.

[cookpete]

This comment probably applies here: https://github.com/cookpete/react-player/issues/1130#issuecomment-760184940

Check the URL you are trying to use on https://noembed.com/demo

If you have a URL to an image, you can pass it in to the light prop. eg

<ReactPlayer url={url} light='https://example.com/thumbnail.jpg' />