tigtools

YouTube-embedcodegenerator

Plak een YouTube-link, kies de speleropties en kopieer de iframe-code naar je website. De responsieve modus vult de breedte van de container in 16:9.

Werkt in je browser Geen registratie nodig

Video

Afspelen

Een taalcode zoals en, de of pt-BR. Stelt de taal van de spelerinterface in en, als ondertitels aanstaan, de voorkeurstaal voor ondertiteling.

Grootte en pagina

Grootte

De speler neemt de volledige breedte van de container in en behoudt een 16:9-verhouding via de CSS-eigenschap aspect-ratio, ondersteund door huidige browsers.

Beschrijft de speler voor schermlezers. Gebruik indien mogelijk de videotitel.

Embedcode

Plak een videolink om de embedcode te krijgen.

Zo gebruik je deze tool

  1. Plak de YouTube-videolink of de 11 tekens lange ID.
  2. Stel de start- en stoptijd en de gewenste afspeelopties in.
  3. Kies responsief of een vaste grootte en stel een beschrijvende titel in.
  4. Kopieer de HTML en plak die op je pagina of in het HTML-blok van je websitebouwer. Gebruik 'Voorbeeld tonen' om dit te testen.

Hoe het werkt

De code gebruikt de standaard iframe-speler van YouTube. Opties worden URL-parameters op het adres van de speler: start en end (seconden), autoplay, mute, loop met playlist, controls=0, cc_load_policy=1 voor ondertitels, cc_lang_pref voor de ondertiteltaal en hl voor de taal van de speler. De privacy-enhanced modus verandert het adres naar youtube-nocookie.com.

Voor sommige opties gelden beperkingen van YouTube of van browsers. Autoplay werkt alleen als de video is gedempt; daarom voegt de tool mute=1 toe bij autoplay. Voor het herhalen van één video moet de parameter playlist op dezelfde video-ID staan; de tool voegt deze toe. Ondertitels verschijnen alleen als de video ondertitels heeft. Video's waarvan de eigenaren insluiten hebben uitgeschakeld, geven een foutmelding in de speler.

In de responsieve modus wordt de iframe in een container met aspect-ratio: 16 / 9 en width: 100% geplaatst, zodat hij meeschaalt met de pagina zonder de oudere padding-bottom-truc. In de vaste modus worden width- en height-attributen geschreven. Lazy loading laadt de speler pas wanneer die zich bij het zichtbare deel van de pagina bevindt.

Voorbeelden

Privacyvriendelijke responsieve embed

Standaardinstellingen: youtube-nocookie.com, responsief 16:9 en lazy loading. Plak de code in een willekeurige HTML-pagina.

Loop in achtergrondstijl

Autoplay, loop en geen bedieningselementen leveren …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0 op.

Alleen één fragment afspelen

Start bij 1:00 en stop bij 2:30 geven start=60&end=150, zodat de speler alleen dat fragment afspeelt.

Veelgestelde vragen

Waarom start mijn ingesloten video niet automatisch met geluid?

Browsers blokkeren autoplay met geluid. Voor autoplay is mute=1 nodig; de tool voegt dit automatisch toe, maar sommige browsers of instellingen blokkeren het alsnog.

Wat doet de privacyvriendelijke modus?

De speler wordt geladen vanaf youtube-nocookie.com. Volgens YouTube wordt informatie over bezoekers dan niet opgeslagen voor personalisatie, tenzij ze de video afspelen.

Waarom heb ik playlist= nodig om een video te herhalen?

De loop-parameter van YouTube werkt alleen met een playlist. Door playlist op dezelfde video-ID in te stellen, wordt één video herhaald.

Werkt de gegenereerde code in WordPress?

Ja. Plak de code in een blok Aangepaste HTML. Sommige websitebouwers verwijderen iframes om veiligheidsredenen; gebruik dan hun eigen videoblok.

Privacy

De embedcode wordt in je browser aangemaakt en er wordt niets verzonden. Alleen als je op Voorbeeld tonen klikt, laadt je browser de speler van YouTube (of youtube-nocookie.com).