Svelte Youtube
Thumbnail Component


try it text with arrow


Thumbnail + full screen modal

made with

Svelte + Tailwind


How to use:

1. Create YoutubeThumbnail.svelte in your lib folder

2. Copy and paste the component:



3. Find the Youtube Video you want to put on your site

4. Click the share button

5. Click "Embed"

6. DON'T copy the entire text, but only the url inside of src


iframe src

7. Paste that url in the parameter youtubeIFrameSrc