Generator
Werkt in je browser
Bron
Opties
Voorbeeld
Wat je hier invoert wordt nergens naartoe verstuurd. De code wordt volledig in je browser gegenereerd. Onafhankelijke tool, niet verbonden met YouTube of Google.
Plak een YouTube-link hierboven en de tool bouwt direct een schone, responsive, privacyvriendelijke embed-code: starttijd, automatisch afspelen, gedempt starten, herhalen, verborgen bedieningselementen, Shorts-formaat, afspeellijsten en lazy-loading worden allemaal ondersteund.
Wat elke optie doet
- Privacyvriendelijk wisselt het domein om van youtube.com naar youtube-nocookie.com. YouTube plaatst dan geen trackingcookies voordat het afspelen daadwerkelijk begint, wat deze optie geschikt maakt voor AVG-bewuste websites.
- Responsive wrapper gebruikt een percentagegebaseerde opvulling in plaats van vaste pixelafmetingen, zodat de speler op elk scherm goed meeschaalt.
- Lazy-load voegt het attribuut loading=”lazy” toe, zodat de speler pas laadt zodra een bezoeker er bijna naartoe scrolt. Dat houdt pagina’s met meerdere video’s snel.
- Start- en eindtijd gebruiken de parameters start en end in hele seconden, zodat het afspelen precies begint en eventueel stopt waar jij dat wilt.
- Shorts-formaat zet het voorbeeld en de responsive wrapper om naar een verticale 9:16-verhouding, passend bij hoe Shorts daadwerkelijk zijn gefilmd.
- Afspeellijst wisselt de losse video om voor /embed/videoseries met een list-parameter, zodat de speler een hele afspeellijst met eigen wachtrij toont.
Waarom niet gewoon YouTube’s eigen deelcode gebruiken?
Het ingebouwde deelvenster van YouTube is een prima startpunt, maar biedt geen responsive wrapper, schakelt niet standaard het privacyvriendelijke domein in, en maakt het lastig om opties zoals een aangepaste starttijd te combineren met verborgen bedieningselementen of een Shorts-formaat. Deze generator levert dezelfde onderliggende iframe, alleen met al die combinaties beschikbaar via simpele schakelaars en een live voorbeeld.
Waar plaats je de code?
De gegenereerde HTML werkt overal waar je ruwe HTML kunt toevoegen: een WordPress Custom HTML-blok, een Shopify-thema-sectie, een Wix-embedwidget of direct in de broncode van een eigen site. Bekijk ook onze gids voor responsive embeds en het overzicht van alle iframe-parameters.