Naar inhoud

YouTube video embedden

Embed YouTube-video's responsive, met lichte klikspeler en privacymodus.

Beeldverhouding

Laadt eerst een thumbnail en de YouTube-speler pas bij een klik — veel snellere pagina's.

Opties
px
Codestijl
Geavanceerd

Alleen voor heel oude browsers of CMS'en die de aspect-ratio-stijl verwijderen.

Voorbeeld
Plak een YouTube-link om het voorbeeld te zien

De voorbeeldweergave wordt van YouTube geladen. Als er „Video unavailable” staat, heeft de eigenaar insluiten mogelijk uitgeschakeld.

Code

    

Werkt in je browser – je gegevens worden niet geüpload.

Zo werkt het

  1. Plak je YouTube-link, video-ID of bestaande embedcode in het invoerveld.
  2. Kies de gewenste Beeldverhouding.
  3. Kies bij Codestijl tussen Inline-stijlen en CSS-klasse.
  4. Kopieer de gegenereerde embedcode naar de HTML van je pagina.

Voorbeelden

Video op een verenigingswebsite vanaf 1:30

Invoer
https://youtu.be/dQw4w9WgXcQ?si=XyZ&t=1m30s
Uitvoer
<iframe src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?start=90&amp;rel=0&amp;playsinline=1" srcdoc="&lt;style&gt;*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}img{height:100%;object-fit:cover}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:#fff;text-shadow:0 0 .5em #000}&lt;/style&gt;&lt;a href='https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?start=90&amp;amp;autoplay=1&amp;amp;rel=0&amp;amp;playsinline=1' aria-label='Play: YouTube video player'&gt;&lt;img src='https://i.ytimg.com/vi/dQw4w9WgXcQ/hqdefault.jpg' alt='YouTube video player' loading='lazy'&gt;&lt;span&gt;▶&lt;/span&gt;&lt;/a&gt;" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;"></iframe>

Verticale Short op een blog

Invoer
https://www.youtube.com/shorts/jfKfPfyJRdk
Uitvoer
<iframe src="https://www.youtube-nocookie.com/embed/jfKfPfyJRdk?rel=0&amp;playsinline=1" title="YouTube video player" loading="lazy" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style="display:block;width:100%;height:auto;aspect-ratio:9/16;border:0;"></iframe>

Veelgestelde vragen

Wat doet de privacymodus bij een YouTube-embed?

Privacymodus (youtube-nocookie.com) gebruikt youtube-nocookie.com voor de speler. Met Laden bij klik (lichtgewicht) wordt de miniatuur wel direct opgehaald van i.ytimg.com; de speler laadt pas na een klik. Zonder die optie kan de speler al vóór een klik laden.

Hoe laat ik een YouTube-video automatisch afspelen?

Schakel Laden bij klik (lichtgewicht) uit en zet Automatisch afspelen bij laden van de pagina aan. De tool zet daarbij ook Dempen aan.

Kan ik een YouTube-playlist embedden?

Plak een YouTube-link met een list-parameter. Bij een link met alleen een playlist maakt de tool een videoseries-embed en is Laden bij klik (lichtgewicht) niet beschikbaar. Met Herhalen voeg je loop=1 toe.

Waarom staat er ‘Video niet beschikbaar’ in het voorbeeld?

Dat komt van YouTube, niet van de tool. De tool controleert niet of een video bestaat of embedden toestaat. Mogelijk heeft de eigenaar embedden uitgeschakeld. Een geldige link of video-ID garandeert dus niet dat de video in de speler afspeelt.