Je sluit een YouTube video in door de insluitcode in een HTML blok op je website te plakken. Open de video op je computer en kies bij Delen voor Insluiten. Kopieer daar de volledige code. In WordPress kun je meestal de gewone videolink in een YouTube blok plakken. Bezoekers kunnen de video dan op jouw pagina bekijken.
Hieronder lees je welke aanpak bij jouw website past en hoe je de video op je telefoon test.
YouTube link of insluitcode gebruiken
Insluiten wordt ook embedden genoemd. Je zet daarmee een videospeler op je pagina, terwijl de video bij YouTube blijft staan. Je hoeft het videobestand dus niet naar je website te uploaden.
Een gewone link stuurt je bezoeker naar de video. Met een insluitcode toon je de speler op je eigen pagina. Sommige websitebouwers maken zelf een speler van een gewone videolink.
| Wat wil je doen? | Wat gebruik je? |
|---|---|
| Een klikbare link naar de video plaatsen | De gewone videolink |
| Een video toevoegen via een videoblok | Meestal de gewone videolink |
| Zelf de speler in HTML plaatsen | De insluitcode met een iframe |
Een iframe is een venster dat inhoud van een andere website laat zien. In dit geval is dat de videospeler van YouTube. HTML is de code waarmee je inhoud op een webpagina plaatst.
De YouTube insluitcode plaatsen
Open de video op een computer. Dan kun je de code kopiëren en meteen op je website testen.
- Controleer de video. Bekijk de titel en speel een stukje af.
- Kies bij Delen voor Insluiten. Kopieer de volledige code.
- Open de bewerker van je website. Ga naar de pagina waar je de video wilt zetten.
- Voeg een blok voor HTML of aangepaste code toe. Plak de insluitcode daarin, niet in een gewoon tekstvak.
- Bekijk het voorbeeld van je pagina. Zie je de speler? Test dan ook de afspeelknop.
Knoppen en schermen kunnen veranderen. Zie je de optie Insluiten niet? Vergelijk je scherm dan met de officiële uitleg van YouTube over insluiten.
Vraagt je websitebouwer alleen om een video URL, dus een webadres? Gebruik dan de gewone videolink. In dat veld hoort geen HTML code.
Een YouTube video insluiten in WordPress
Werk je in WordPress met blokken? Dan is een YouTube blok meestal de eenvoudigste keuze. Wil je de insluitcode zelf aanpassen, gebruik dan een blok voor aangepaste HTML.
Met een YouTube blok
- Open je bericht of pagina in de editor.
- Voeg een blok toe en zoek naar YouTube.
- Plak de gewone videolink in het veld.
- Bevestig de invoer en bekijk het voorbeeld van je pagina.
Gebruik je een andere editor of een aparte paginabouwer? Zoek dan naar een videoblok. De naam en plek kunnen per website verschillen.
Met een blok voor aangepaste HTML
Voeg een blok voor aangepaste HTML toe en plak daarin de volledige insluitcode. Je kunt de code daarna aanpassen, bijvoorbeeld om de speler goed op een telefoon te tonen. Verderop vind je daar een voorbeeld van.
Verdwijnt de code na het opslaan? Vraag je websitebeheerder of je account iframe code mag plaatsen en of de website die code toestaat.
Een YouTube video insluiten met privacy modus
Voor de privacy modus gebruik je het domein www.youtube-nocookie.com in de insluitcode. Dat staat al in het codevoorbeeld hieronder.
Deze modus garandeert niet dat de video helemaal zonder cookies werkt. Ook voldoet je website hiermee niet vanzelf aan alle privacyregels. Het maakt ook uit wanneer je de speler laadt.
Volgens de Belgische uitleg over cookies en toestemming is voor niet strikt noodzakelijke cookies en trackers doorgaans vooraf toestemming nodig. Bezoekers moeten weten waarvoor ze toestemming geven en daar zelf actief voor kiezen.
Moet jouw website toestemming vragen voordat de speler laadt? Stel je website dan zo in dat het iframe pas na die toestemming wordt geladen. Een cookiemelding boven een speler die al geladen is, houdt de speler niet tegen.
Je kunt eerst een leeg videovak tonen met een uitleg, zoals: “Deze video wordt geladen via YouTube.” Laat je websitebeheerder controleren of de speler echt pas na toestemming laadt. De voorbeeldcode hieronder regelt dat niet.
Je ingesloten YouTube video passend maken voor mobiel
Een speler met een vaste breedte kan op een telefoon buiten de pagina vallen. Met deze voorbeeldcode wordt de speler even breed als het vak waarin je hem plaatst.
<div style="width:100%; aspect-ratio:16/9;">
<iframe
src="https://www.youtube-nocookie.com/embed/VIDEO_ID"
title="Uitleg over het verzorgen van kamerplanten"
style="width:100%; height:100%; border:0; display:block;"
allowfullscreen>
</iframe>
</div>Vervang VIDEO_ID door de code van jouw video. Je vindt die in de gekopieerde insluitcode, direct na /embed/ en vóór een eventueel vraagteken. Verander ook de tekst bij title in een korte beschrijving van jouw video.
De verhouding 16/9 geeft je een liggend videovak. Voor een staande video kun je bijvoorbeeld 9/16 gebruiken. Controleer daarna of het vak op een breed scherm niet onnodig groot wordt.
Test de pagina vervolgens op je telefoon:
- Kijk of de video binnen de pagina past, zonder zijwaarts te schuiven.
- Test de afspeelknop en de knop voor volledig scherm.
- Controleer of een cookiemelding of ander venster de knoppen bedekt.
Een starttijd instellen voor je ingesloten YouTube video
Wil je het begin van een video overslaan? Voeg start toe aan het adres bij src, met de starttijd in seconden. Daarmee kies je waar de video begint. Je laat hem dus niet vanzelf afspelen.
Een fictief voorbeeld: de uitleg die je wilt laten zien begint na 1 minuut en 30 seconden. Dat reken je zo om: 1 × 60 + 30 = 90 seconden.
src="https://www.youtube-nocookie.com/embed/VIDEO_ID?start=90"Staat er al een vraagteken met een instelling achter het adres? Gebruik dan geen tweede vraagteken. Voeg in je HTML code &start=90 toe achter de bestaande instelling.
Sla de pagina op en controleer waar de video begint. Wil je de video na afloop opnieuw laten afspelen? Lees dan hoe je een YouTube video kunt herhalen.
Je ingesloten YouTube video toegankelijk maken
Zet belangrijke informatie uit de video ook in tekst op je pagina. Zo kunnen bezoekers die informatie lezen als ze het geluid niet horen of de speler niet kunnen gebruiken.
- Geef het iframe een duidelijke titel. Schrijf bij
titlebijvoorbeeld “Uitleg over het verzorgen van kamerplanten” in plaats van “Video”. Hulpmiddelen kunnen daarmee vertellen wat het venster bevat. - Test de ondertiteling als die beschikbaar is. Zet die aan en let op namen, getallen en verkeerd herkende woorden.
- Schrijf de belangrijkste uitleg uit. Bij een instructievideo kun je de stappen kort op de pagina zetten.
- Test zonder muis. Gebruik de Tab toets. Controleer of je bij de speler komt en kunt zien welke knop je hebt geselecteerd.
Laat bezoekers bij voorkeur zelf op afspelen drukken. Dan begint er geen geluid terwijl ze nog lezen.
Je ingesloten YouTube video werkt niet
Open eerst de video op YouTube. Werkt die daar ook niet? Controleer dan eerst de video zelf. Speelt hij daar wel af, kijk dan naar de code en instellingen van je website.
| Wat zie je? | Wat kun je doen? |
|---|---|
| De code staat als tekst op de pagina | Plak de code in een HTML blok, niet in een tekstblok. |
| Je ziet alleen een klikbare link | Gebruik een videoblok of zet de insluitcode in een HTML blok. |
| De speler geeft een foutmelding | Lees de melding. Controleer ook of de volledige code van de video, de video ID, in de insluitcode staat. |
| De video mag niet op je website afspelen | Vraag de eigenaar of insluiten is toegestaan. Je kunt dit niet oplossen met de gewone instellingen van de speler. |
| Het videovak blijft leeg | Controleer of je nog toestemming moet geven om de speler te laden. Test ook in een andere browser. |
| De speler verdwijnt na het opslaan | Vraag de beheerder of de editor of beveiliging iframe code verwijdert. |
| De video is te breed op je telefoon | Gebruik code die de breedte van de pagina volgt. Controleer ook de breedte van het vak rond de speler. |
Wil je een eigen video verwijderen? Kijk eerst op welke pagina’s je hem hebt ingesloten. Lees hoe je een YouTube video verwijdert en pas daarna ook de verwijzingen op je website aan.
Controleer de pagina voordat je hem publiceert
Bekijk de pagina ook als je bent uitgelogd, liefst in een privévenster. Zo zie je niet alleen wat een ingelogde beheerder ziet.
Controleer of je de juiste video ziet en of de starttijd klopt. Test de weergave op je telefoon en eventuele toestemming. Speel tot slot een stukje af en controleer het geluid.
Wil je eerst eigen video’s plaatsen om ze daarna op je website te gebruiken? Lees dan hoe je een YouTube kanaal start.
