Wil je een YouTube-video op je eigen website tonen, bijvoorbeeld in een blogartikel of op je homepage? Dat kan legaal en eenvoudig via embedden, de officiële manier die YouTube zelf aanbiedt. Deze handleiding laat zien hoe het werkt.
Wat is embedden precies?
Embedden betekent dat je de YouTube-speler op je eigen website toont, via een klein stukje code gebaseerd op een <iframe>-element. De video blijft fysiek op YouTube staan; je site laadt alleen de speler in.
De handmatige manier via YouTube zelf
- Open de video op YouTube
- Klik op de knop “Delen” onder de video
- Kies “Insluiten”
- Kopieer de getoonde <iframe>-code
- Plak deze code op je eigen website, in de HTML van de pagina waar je de video wilt tonen
Deze methode werkt prima, maar biedt beperkte opties: je kunt formaat aanpassen, maar geavanceerdere instellingen zoals starttijd of privacy-modus moet je zelf handmatig aan de URL toevoegen.
De snellere manier: onze embed-generator
Wil je meer controle zonder zelf parameters te hoeven opzoeken? Gebruik onze embed-generator. Plak de video-link, en kies direct opties zoals:
- Privacy-modus: gebruikt youtube-nocookie.com, waardoor pas een cookie wordt geplaatst zodra de video wordt afgespeeld
- Starttijd: laat de video op een specifiek moment beginnen
- Autoplay, muted en loop: bepaal hoe de video zich gedraagt bij het laden van de pagina
- Responsive wrapper: zorgt dat de video zich automatisch aanpast aan verschillende schermformaten
- Shorts-modus: past de juiste verticale weergave toe voor Shorts-video’s
De tool toont direct een live preview naast de gegenereerde code, zodat je precies ziet wat je krijgt voordat je de code kopieert.
Waarom responsive embedden belangrijk is
Een vaste breedte en hoogte werkt slecht op mobiele schermen. Een responsive wrapper past de video automatisch aan de beschikbare ruimte aan, met behoud van de juiste beeldverhouding. Dit is vooral belangrijk als je website ook op mobiel bezocht wordt, wat tegenwoordig voor vrijwel elke site geldt.
Kan een maker embedden blokkeren?
Ja. In de video-instellingen kan een maker ervoor kiezen om embedden op externe websites uit te schakelen. Werkt een embedcode niet, dan is dit meestal de reden.
Praktijkvoorbeeld: een productpagina met ingesloten video
Een webshop wil op een productpagina een instructievideo tonen die uitlegt hoe het product werkt. In plaats van de video als los bestand te uploaden naar de eigen server, wat extra opslag en bandbreedte kost, gebruikt de eigenaar een embedcode van de bijbehorende YouTube-video. Bezoekers zien de video direct op de productpagina, terwijl de eigenlijke weergave via de infrastructuur van YouTube verloopt. Zo blijft de website snel, en profiteert de shop bovendien mee van eventuele views die de video ook rechtstreeks op YouTube ontvangt.
Meerdere video’s embedden op één pagina
Wil je meerdere video’s op dezelfde pagina tonen, bijvoorbeeld bij een verzameling tutorials? Houd dan rekening met de laadtijd van je pagina: elke ingesloten iframe vraagt om een aparte verbinding met YouTube. Voor pagina’s met veel video’s is het daarom vaak verstandiger om alleen de eerste video direct te laden, en de overige pas te laden zodra een bezoeker er daadwerkelijk naartoe scrolt, een techniek die bekendstaat als lazy loading.
Embedden testen voordat je live gaat
Voordat je een embedcode definitief op je website plaatst, is het verstandig om de weergave te testen op meerdere schermformaten en browsers. Sommige content-management-systemen filteren bepaalde HTML-attributen automatisch weg om veiligheidsredenen, wat ervoor kan zorgen dat een embed niet volledig werkt zoals verwacht. Een korte controle voorkomt dat bezoekers een kapotte of onvolledige video-weergave te zien krijgen.
Embedden en laadsnelheid van je website
Elke ingesloten video vraagt om extra bronnen van de browser van je bezoeker. Voor pagina’s waar snelheid cruciaal is, zoals een homepage, kan het de moeite waard zijn om pas te laden zodra een bezoeker daadwerkelijk scrollt naar het gedeelte met de video, in plaats van de embed meteen bij het openen van de pagina te laden.
Veelgemaakte fouten bij embedden
- Vaste pixelwaarden gebruiken in plaats van een responsive wrapper: dit leidt tot een video die op mobiel te groot of afgesneden wordt weergegeven.
- De privacy-modus vergeten: zonder youtube-nocookie.com plaatst YouTube al een cookie voordat een bezoeker de video afspeelt, wat gevolgen kan hebben voor je cookiebeleid en toestemmingsbanner.
- Autoplay met geluid aanzetten: dit werkt in de meeste moderne browsers sowieso niet zonder dat de video ook gedempt (muted) staat, en irriteert bezoekers die niet verwachten dat er geluid start.
- Te veel video’s tegelijk laden: zonder lazy loading vertraagt elke extra ingesloten video de laadtijd van de hele pagina merkbaar.
- Denken dat embedden hetzelfde is als eigen content hosten: verwijdert de maker de video van YouTube, dan verdwijnt ook je ingesloten versie, ongeacht hoe lang geleden je de code plaatste.
Embedden en de laadsnelheid: lazy loading in de praktijk
Een <iframe> met het attribuut loading="lazy" vertelt de browser om de video pas te laden zodra deze bijna in beeld komt, in plaats van meteen bij het openen van de pagina. Voor pagina’s met meerdere video’s, zoals de eerder genoemde verzameling tutorials, scheelt dit aanzienlijk in laadtijd en dataverbruik voor bezoekers die niet tot onderaan de pagina scrollen. Onze embed-generator houdt hier al rekening mee in de gegenereerde code.
Embedden combineren met een starttijd
Wil je bezoekers direct naar een specifiek moment in een video sturen, bijvoorbeeld het relevante deel van een lange tutorial? Combineer dan embedden met een starttijd-parameter. Handmatig vraagt dit om de juiste tijdscode in seconden aan de embed-URL toe te voegen. Onze timestamp-link generator berekent dit automatisch voor je, en je kunt dezelfde starttijd ook direct meegeven in de embed-generator.
Embedden op sociale platforms versus je eigen website
Embedden via een iframe werkt op je eigen website, maar niet op elk platform: sommige sociale netwerken tonen automatisch een preview op basis van de gedeelde link, zonder dat daar een losse embedcode aan te pas komt, terwijl andere platforms iframes juist blokkeren om veiligheidsredenen. Wil je zeker weten dat een video correct wordt weergegeven, test de weergave dan altijd specifiek op het platform waar je hem plaatst, in plaats van te vertrouwen op hoe het eruitziet op je eigen website.
Wat gebeurt er als de originele video wordt verwijderd?
Verwijdert de maker de video, of maakt hij deze privé, dan toont je embedcode een foutmelding in plaats van de video. Dit is een risico waar je bij langlopende content, zoals een productpagina die jarenlang online blijft, rekening mee moet houden. Controleer bij belangrijke pagina’s periodiek of ingesloten video’s nog werken, vooral als de video van een extern kanaal komt waar je zelf geen controle over hebt.
Is embedden hetzelfde als downloaden?
Nee, en dat is een belangrijk onderscheid. Bij embedden blijft de video op YouTube staan en wordt deze alleen weergegeven via de officiële speler. Er wordt niets gekopieerd of opgeslagen op je eigen server. Downloaden daarvan is een compleet andere handeling, die bij het overgrote deel van YouTube-content niet is toegestaan. Lees meer op onze pagina is YouTube downloaden legaal.