Hoe sluit ik een YouTube-video in die op een bepaald moment begint?

Voer de starttijd in de generator in, als seconden, M:SS, U:MM:SS of 1m30s, en kopieer de code. Daarmee wordt de parameter start in seconden aan de insluit-URL toegevoegd, het formaat dat de speler van YouTube verwacht. Bevat de link die je plakt al een tijdstempel met t=, dan wordt de starttijd voor je ingevuld.

Waarom start mijn ingesloten YouTube-video niet automatisch?

De meeste browsers blokkeren video die met geluid afspeelt voordat de bezoeker iets met de pagina heeft gedaan. In de documentatie voor ontwikkelaars noemt YouTube afspelen met geluid zonder interactie van de gebruiker als een van de gevallen die browsers blokkeren. Gebruik de uitvoer Autoplay zonder geluid (JavaScript API), waarmee de speler gedempt start.

Hoe maak ik een YouTube-insluiting responsive?

Laat Responsive aan staan. De code zet de speler op de volledige breedte van zijn container en gebruikt de CSS-eigenschap aspect-ratio om 16:9 te behouden (of 9:16 voor Shorts), zodat hij op elk scherm meeschaalt zonder omweg met een wrapper.

Wat doet de privacymodus?

Hij zet de insluiting op het domein youtube-nocookie.com. Volgens het Helpcentrum van YouTube beïnvloeden weergaven van de ingesloten video dan niet de manier waarop de kijker YouTube ervaart en personaliseren ze geen advertenties buiten je site. Het maakt de insluiting niet vrij van tracking, dus houd het in je privacybeleid.

Hoe laat ik één YouTube-video herhalen?

Vink Herhalen aan. Voor één video eist YouTube dat de parameter playlist op hetzelfde video-ID staat naast loop=1; de generator voegt beide voor je toe.

Kan ik gerelateerde video’s aan het einde verbergen?

Niet helemaal. Sinds september 2018 verbergt rel=0 gerelateerde video’s niet meer: het beperkt ze tot video’s van hetzelfde kanaal. De optie Alleen suggesties van hetzelfde kanaal in de generator stelt dat in.

Kan ik een afspeellijst insluiten?

Ja. Plak een afspeellijstlink (met list=). De generator bouwt een afspeellijstinsluiting, en wijst je link ook naar een specifieke video, dan begint de speler daar.

YouTube-insluitcode genereren: starttijd en responsive

Deze YouTube-insluitcodegenerator bouwt de HTML om een YouTube-video, Short of afspeellijst op je website te zetten, met opties die het eigen vak Delen → Insluiten van YouTube niet biedt. Stel een begin- en eindtijd in, autoplay (ook de gedempte autoplay die browsers toestaan), herhalen, ondertitels, privacymodus en een responsive formaat dat op elk scherm past, kopieer de code en plak hem in je pagina. Een live voorvertoning toont de speler terwijl je bezig bent. Alles gebeurt in je browser: er wordt niets naar Marqly gestuurd, en elke optie komt overeen met een parameter uit de officiële spelerreferentie van YouTube.

Zo sluit je een YouTube-video in op je website

Kopieer de link van de video uit YouTube: een kijkpagina, Short, livestream, youtu.be-link of een afspeellijstlink met list=.
Plak hem hierboven. Bevat de link een tijdstempel als ?t=90, dan wordt de starttijd ingevuld.
Kies je opties. De code en de voorvertoning worden direct bijgewerkt.
Druk op Code kopiëren en plak hem in de HTML van je pagina: gebruik in WordPress een Custom HTML-blok, in de meeste sitebuilders een Insluit- of HTML-element.

Elke optie en de parameter erachter

Optie	Parameter	Wat het doet
Beginnen bij	`start`	Start het afspelen zoveel seconden na het begin van de video. De speler springt naar het dichtstbijzijnde keyframe, en dat kan tot ongeveer twee seconden eerder zijn.
Eindigen bij	`end`	Stopt het afspelen op dit moment, geteld vanaf het begin van de video en niet vanaf je starttijd.
Autoplay	`autoplay=1`	Start de video zodra de speler laadt. YouTube merkt op dat het verzamelen van afspeelgegevens dan al bij het laden van de pagina gebeurt.
Herhalen	`loop=1`	Herhaalt een afspeellijst; voor één video heeft YouTube ook `playlist` nodig met hetzelfde video-ID, en dat voegt de generator toe.
Spelerbediening tonen	`controls=0` als uit	Verbergt de bedieningsbalk.
Knop voor volledig scherm	`fs=0` als uit	Verbergt de knop voor volledig scherm.
Ondertitels standaard aan	`cc_load_policy=1`	Toont standaard ondertitels, als de video ze heeft.
Suggesties van hetzelfde kanaal	`rel=0`	Beperkt de gerelateerde video’s aan het einde tot hetzelfde kanaal.
Inline afspelen op iPhone	`playsinline=1`	Speelt op iOS af in de pagina in plaats van naar volledig scherm te springen.
Toetsenbordbediening uitschakelen	`disablekb=1`	Zet sneltoetsen uit, zoals `k` om te pauzeren en `j`/`l` om 10 seconden te springen.
Witte voortgangsbalk	`color=white`	Kleurt het bekeken deel van de voortgangsbalk wit in plaats van rood.
Privacymodus	`youtube-nocookie.com`	Gebruikt het privacyvriendelijke insluitdomein van YouTube (zie hieronder).

Begin- en eindtijd

De speler van YouTube neemt begin- en eindtijden in hele seconden aan, dus de generator zet alles wat je intypt, zoals 90, 1:30, 1:02:03 of 1h2m3s, om in seconden. Beide worden gemeten vanaf het allereerste begin van de video: om het fragment van 1:30 tot 2:00 af te spelen voer je begin 1:30 en einde 2:00 in, niet einde 0:30. Wil je een moment als link delen in plaats van als insluiting, gebruik dan degenerator voor YouTube-tijdstempellinks.

Waarom ingesloten video’s niet automatisch starten, en de oplossing

Browsers bepalen of een video uit zichzelf mag starten. De documentatie van de IFrame API van YouTube noemt afspelen met geluid zonder interactie van de gebruiker onder de gevallen die browsers blokkeren, dus autoplay=1 alleen doet vaak niets. De betrouwbare aanpak is gedempt starten: kies Autoplay zonder geluid (JavaScript API) en de generator maakt een insluiting plus een kort script dat de officiële IFrame Player API van YouTube laadt, de speler dempt zodra hij klaar is en het afspelen start. Bezoekers kunnen met één klik het geluid aanzetten.

De regels van YouTube voor API-clients voegen twee voorwaarden toe die het respecteren waard zijn: een speler mag pas automatisch starten als meer dan de helft ervan zichtbaar is op het scherm, en een pagina mag niet meer dan één YouTube-speler tegelijk automatisch laten afspelen. Een hero-video bovenaan een pagina is prima; een automatisch afspelende video ver onderaan een pagina niet.

Privacymodus (youtube-nocookie.com)

De privacymodus vervangt www.youtube.com door www.youtube-nocookie.com in de insluit-URL. Volgens het Helpcentrum van YouTube voorkomt dat dat weergaven van de ingesloten video de YouTube-ervaring van de kijker beïnvloeden, worden niet-gepersonaliseerde advertenties getoond en personaliseren die weergaven geen advertenties die de kijker buiten je site ziet. Hij staat hier standaard aan omdat hij niets kost. Wat hij niet is: een belofte dat de insluiting geen cookies plaatst of niet trackt, en hij maakt een insluiting op zichzelf niet conform enige privacywet. Vermeld YouTube hoe dan ook in je privacybeleid en toestemmingsinstellingen.

Responsive YouTube-insluitingen, ook voor Shorts

De standaard-iframe heeft een vaste afmeting van 560 × 315 die op telefoons buiten beeld loopt. MetResponsive aan zet de code de speler op 100% van de breedte van zijn container en gebruikt hij de CSS-eigenschap aspect-ratio om de vorm te behouden: in geen enkele huidige browser is nog een wrapper met padding-bottom nodig. Kies 9:16 voor Shorts, zodat de staande video geen zwarte balken krijgt; het breedteveld bepaalt dan hoe breed hij mag worden. YouTube eist dat ingesloten spelers minstens 200 × 200 pixels zijn en raadt voor 16:9-spelers minstens 480 × 270 aan, dus de generator gaat niet onder de 200 pixels breedte.

Insluitingen die bij klik laden, voor snellere pagina’s

Een YouTube-iframe laadt de volledige speler zodra de pagina laadt, en dat is zwaar voor een pagina met een video die de meeste bezoekers nooit afspelen. De uitvoer Laden bij kliktoont de thumbnail van de video met een afspeelknop en zet pas de echte speler neer als iemand erop klikt (of Enter indrukt), waarna het afspelen start. De pagina wordt sneller en er wordt niets bij de speler opgevraagd tot de bezoeker besluit te kijken. Het werkt voor losse video’s; afspeellijsten gebruiken de standaard-iframe.

Parameters die niet meer werken

modestbranding is verouderd en heeft geen effect; YouTube bepaalt de branding nu aan de hand van de grootte van de speler en andere signalen. Generatoren die hem nog aanbieden zijn verouderd.
showinfo werd in 2018 verouderd verklaard en uit de documentatie verwijderd.
rel=0 kan sinds 25 september 2018 gerelateerde video’s niet meer uitzetten: het beperkt ze alleen tot hetzelfde kanaal.
controls=2 is verouderd; gebruik 0 of 1.

Een kapotte insluiting oplossen

Fout 153 of een lege speler. YouTube eist dat insluitingen zich identificeren via de HTTP-Referer-header en raadt het referrerbeleid strict-origin-when-cross-origin aan. De gegenereerde code stelt dat beleid in; stuurt je site globaal no-referrer, dan kan de speler falen.
“Video niet beschikbaar.” De eigenaar kan insluiten voor die video hebben uitgezet, of hij is privé, verwijderd of geblokkeerd in het land van de bezoeker. Alleen de eigenaar kan dat veranderen.
De speler is afgesneden of piepklein. Een bovenliggend element met een vaste hoogte of overflow: hidden knipt hem af; geef bij Responsive aan de container een breedte en laat de hoogte meegroeien.
Herhalen werkt niet. Voor één video moet de URL playlist= met hetzelfde video-ID bevatten: kopieer de gegenereerde code in plaats van loop=1 met de hand toe te voegen.

Verwante YouTube-tools

Vind het juiste moment om te beginnen met deYouTube-transcriptietool, voeg hoofdstukken toe aan lange insluitingen met de hoofdstukkengeneratorof download een eigen posterafbeelding met dethumbnail-downloader. Sluit je een hele cursus in? De afspeellijstduur-calculator vertelt bezoekers hoe lang hij duurt.

YouTube-insluitcode genereren

Voorvertoning