Wat is een embed-code?

Een embed-code is een kort stukje HTML dat een website-eigenaar in een pagina plakt, zodat een YouTube video daar afspeelt in plaats van alleen bereikbaar te zijn via een link. YouTube genereert de code als een <iframe>-element dat verwijst naar een speciale /embed/-URL van de video.

Wat zit er in een embed-code

Minimaal bevat de code een bron-URL met het video-ID, een breedte en hoogte (of in plaats daarvan een responsive wrapper) en een title-attribuut voor toegankelijkheid. Optionele parameters regelen autoplay, starttijd, zichtbaarheid van bedieningselementen en meer.

Hoe kom je aan een embed-code

Je kunt YouTube’s eigen versie kopiëren via het deelpaneel onder een video, of de embed-code generator op deze site gebruiken om responsive formattering, privacymodus, starttijden en andere opties toe te voegen die YouTube’s standaardpaneel niet allemaal samen biedt.

Hoe een embed-code is opgebouwd

Een embed-code is geen vaste string, maar wordt samengesteld uit een paar verwisselbare onderdelen. Het domein (youtube.com of het privacyvriendelijke youtube-nocookie.com) bepaalt het cookiegedrag. Het pad bevat ofwel één video-ID, of bij een afspeellijst het pad videoseries met een list-parameter. Query-parameters zoals start, autoplay en controls staan na een vraagteken en beïnvloeden het afspelen. En de omringende opmaak, ofwel vaste breedte/hoogte-attributen ofwel een responsive wrapper-div, bepaalt hoe de speler op de pagina wordt weergegeven. Als je deze losse onderdelen begrijpt, wordt het veel makkelijker om een embed-code die je niet zelf hebt gegenereerd te lezen en handmatig aan te passen.

Een praktisch voorbeeld

Stel dat je een productdemo op een landingspagina wilt tonen, privacyvriendelijk, startend na 15 seconden om een intro over te slaan, zonder autoplay. De resulterende embed-code combineert een youtube-nocookie.com-domein, een start=15-parameter en een responsive wrapper:

<div style="position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;">
  <iframe src="https://www.youtube-nocookie.com/embed/VIDEO_ID?start=15" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" title="Productdemo" allowfullscreen loading="lazy"></iframe>
</div>

Elk onderdeel van dit fragment komt overeen met een keuze: het domein voor privacy, start=15 om te skippen, en de wrapper voor responsive formattering.

Embed-code versus een gewone link

Het is goed om duidelijk te maken wat een embed-code niet is. Een gewone YouTube-link (een watch- of youtu.be-URL) is bedoeld om te delen en aan te klikken; als platte tekst op een pagina geplakt, blijft het gewoon als URL staan, of wordt het automatisch omgezet naar een embed door platforms zoals WordPress die oEmbed ondersteunen. Een embed-code daarentegen is expliciete HTML die je zelf beheert, met opties voor formaat, privacy en afspelen die een gewone link niet biedt. Verwante begrippen om ook te kennen zijn het iframe-element waar de code op leunt en het verschil tussen de embed-URL en watch-URL.

Veelgestelde vragen