When light prop is set to true for multiple YouTube videos some of the thumbnail images are not loaded

[pedramp20]

Current Behavior

There is a grid of 3x3 react players with their urls pointing to some YouTube videos. The "light" prop is set to true for all of them and they are all dynamically added to the their parent in a map, so everything is identical in all of them beside the url. but some the videos' thumbnail images are not loaded (the same videos). The videos load just fine on click.

Expected Behavior

All the thumbnail images to be loaded on start

[pedramp20]

Anyone? Any ideas?

[faran4engg]

Anyone? Any ideas?

I am also facing the same issue !

[flobby]

I can confirm this

[Freeride91]

Same at me!

[cookpete]

I’m using noembed to show a thumbnail before loading the player. They have a demo page here: https://noembed.com/demo

Feel free to try the URLs that are failing and see what happens. Some youtube videos return a 403 Forbidden so that might be what’s happening here.

Or check the URL yourself, eg https://noembed.com/embed?url=https://www.youtube.com/watch?v=tRFOjLIl7G0

[AndriusCv]

Same here. Videos that get 403 returned from noembed don't have their thumbnails showing.

[ChrisB9]

Same for me.
Interestingly though is, that it does happen with different videos at different times (or the same video list accessed locally or on a server).

It is also being reported on their github repo: leedo/noembed#115

My solution to not having an image anymore is to set light: https://i.ytimg.com/vi/{youtubeID}/hqdefault.jpg. That way I do not rely on the noembed-3rd-party anymore

[cookpete]

I'll close this off unless anyone can suggest an alternative to noembed for easily getting a thumbnail for any given URL (not just youtube). @ChrisB9's solution is solid if you are using youtube and have the ID handy.