Simplify your stack and build anything. Or everything.
Build tomorrow’s web with a modern solution you truly own.
AGENCY TESTIMONIAL
"Payload has transformed the way our clients manage content. It's an indispensable tool for any modern agency."
Code-based nature means you can build on top of it to power anything.
It’s time to take back your content infrastructure.
Featured Customer Story
Microsoft chose Payload to tell the world about AI.
How to render a Youtube thumbnail image in React?
3
Not really Payload specific, but probably a common challenge?
The most European-Friendly way would be to fetch the thumbnail server-side from the YouTube API and then display that. I've used a WordPress plugin few years ago which did that:
https://wordpress.org/plugins/wp-youtube-lyte/Not sure if it's possible without the API
Alternatively you could make a request to an invidious instance
Adminforge doesn’t collect any data AFAIK
Found an easier solution!
https://github.com/payloadcms/public-demo/blob/09f2ed6ae9ee8d0c9f4ca67a57877ae64244f718/src/fields/richText/video/Element/index.tsx#L48https://img.youtube.com/vi/${id}/hqdefault.jpg
Star
Discord
online
Can't find what you're looking for?
Get dedicated engineering support directly from the Payload team.