YouTube-embedgenerator
Inleiding
De Toollect YouTube-embedgenerator verandert elke YouTube-video-URL of losse video-ID in één klik in kopieerklare iframe-code. Link plakken, gedrag van de speler kiezen, genereren, voorbeeld, kopiëren, plakken, de hele flow duurt seconden en elke optie komt overeen met een echte YouTube-parameter die vandaag nog wordt ondersteund.
Het probleem dat hij oplost is het omslachtige. Het officiële deelvenster geeft één vaste iframe zonder controle over formaat, verhouding of gedrag, en elke tutorial over 'YouTube insluiten' stuurt u naar een lijst parameters die u met de hand in de URL moet schrijven. Deze tool doet dat samenstellen voor u, kies een beeldverhouding en de tegenoverliggende dimensie wordt vanzelf berekend, schakel de no-cookie-modus, herhaling en bediening in, en snijd een video bij op een start- en eindtijd zonder ooit een editor te openen.
De generator is bewust een tool voor één video. Hij accepteert de volledige grammatica van echte YouTube-links, watch-URL's, korte youtu.be-links, Shorts, lives, en zelfs een losse video-ID, en normaliseert ze allemaal naar één canonieke embed-URL. Alles gebeurt in uw browser, zonder API-sleutel, zonder account, en niets over uw link verlaat uw apparaat. Het enige netwerkverzoek is het eerlijke, het live voorbeeld, dat een echte speler-iframe laadt zodat u het resultaat kunt verifiëren vóór u het kopieert.
Toepassingen
Het insluiten van YouTube-video's komt op meer plaatsen voor dan een blogbericht, en de opties doen er in elke context anders toe.
- Blog- en artikelpagina's. De 16:9-voorinstelling op 560×315 komt overeen met wat de meeste CMS-thema's verwachten, en het no-cookie-domein houdt de embed standaard AVG-vriendelijk.
- Cursus- en documentatiepagina's. start en end tonen studenten een precies stuk van een lange les, en de gegenereerde code werkt op elk leerplatform dat ruwe HTML accepteert.
- Shorts en verticale content. De 9:16-voorinstelling produceert een telefoonvormige speler van 360×640 voor verticale video's, iets wat de meeste andere generatoren niet eens aanbieden.
- Kiosken en wegwijzerschermen. Schakel de spelerbediening uit voor een schoon, afleidingsvrij afspeelvlak, optioneel met de herhaal-schakelaar voor doorlopende vertoning.
- Design-prototypes. Plaats een video in een Figma- of HTML-prototype op exacte pixelgrootte, de aangepaste verhoudingsmodus accepteert elke breedte en hoogte tussen 144 en 3840 pixels.
- Privacybewuste sites. Het no-cookie-domein is hier de standaard, terwijl het officiële deelvenster altijd een www.youtube.com-URL produceert, tenzij u weet dat u die handmatig moet wijzigen.
Hoe het werkt
De generator is een pijplijn in twee fasen, en beide draaien volledig in uw browser.
Fase 1, ID-extractie. De URL-parser herkent alle gangbare vormen van YouTube-links en haalt de video-ID van 11 tekens eruit. Die ID is alles wat de embed-speler van YouTube nodig heeft. Ook een losse ID wordt geaccepteerd, zodat u een ID kunt plakken die u uit de adresbalk of een database hebt gekopieerd.
Fase 2, code-assemblage. De ID wordt in het embed-URL-sjabloon geplaatst, en elke ingeschakelde optie voegt een queryparameter toe:
https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?autoplay=1&start=30
De iframe-tag wordt samengesteld met expliciete breedte- en hoogte-attributen, de toegankelijkheidstitel, de standaard allow-machtigingenlijst en allowfullscreen. Een eigenaardigheid van YouTube wordt automatisch afgehandeld, een enkele video in herhaling moet als een afspeellijst van één item worden gepresenteerd, dus de herhaal-schakelaar voegt loop=1 en playlist=VIDEO_ID samen toe. Zonder de tweede parameter negeert YouTube de herhaling stilletjes.
Het voorbeeld is dezelfde iframe die de gegenereerde code bevat, de tool rendert de echte speler, geen imitatie. Wat u in het voorbeeld ziet is precies wat uw bezoekers zullen zien, inclusief de manier waarop YouTube zelf een verwijderde, privé- of niet-beschikbare video meldt.
Ondersteunde URL-formaten
De parser accepteert elke vorm die één video identificeert en weigert elke vorm die dat niet doet.
Geaccepteerd
| URL-formaat | Voorbeeld |
|---|---|
| Watch-URL | https://www.youtube.com/watch?v=dQw4w9WgXcQ |
| Korte link | https://youtu.be/dQw4w9WgXcQ |
| Embed-URL | https://www.youtube.com/embed/dQw4w9WgXcQ |
| Shorts-URL | https://www.youtube.com/shorts/dQw4w9WgXcQ |
| Live-URL | https://www.youtube.com/live/dQw4w9WgXcQ |
| /v/-URL | https://www.youtube.com/v/dQw4w9WgXcQ |
| No-cookie-domein | https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ |
| Losse video-ID | dQw4w9WgXcQ |
Watch-URL's met extra queryparameters zoals &t=42s of &list=PL... worden correct geparseerd, de generator haalt de ID eruit en negeert de rest, want de embedparameters worden herbouwd vanuit uw instellingen in plaats van uit de link gekopieerd.
Geweigerd
| URL-formaat | Waarom geweigerd |
|---|---|
| Afspeellijstlink | youtube.com/playlist?list=PL... identificeert een afspeellijst, geen enkele video |
| Kanaalpagina | youtube.com/@kanaal heeft geen video-ID |
| Zoek-URL | youtube.com/results?search_query=... heeft geen video-ID |
| Gebruikerspagina | youtube.com/user/naam heeft geen video-ID |
| Shorts zonder ID | youtube.com/shorts/ is een indexpagina, geen video |
Anatomie van de embedcode
De gegenereerde iframe is compact en elk onderdeel heeft een taak. Dit is de standaarduitvoer in 16:9:
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
| Attribuut | Taak |
|---|---|
| width / height | De grootte van de speler in pixels. De hoogte wordt herberekend uit de gekozen beeldverhouding wanneer u de breedte wijzigt, en omgekeerd. |
| src | De embed-URL. De standaardhost is www.youtube-nocookie.com, het uitschakelen van de no-cookie-modus wisselt naar www.youtube.com. De queryparameters dragen de opties van de speler. |
| title | De toegankelijke naam die schermlezers voor het frame aankondigen. Hij behoudt de officiële standaardwaarde van YouTube, zodat de gegenereerde code overeenkomt met wat YouTube zelf publiceert. |
| frameborder | Legacy-attribuut voor compatibiliteit met oude HTML-validators, zonder visueel effect in moderne browsers. |
| allow | Het machtigingsbeleid voor de ingesloten speler, volledig scherm en automatisch afspelen mogelijk, net als de officiële YouTube-embed. |
| referrerpolicy | Vertelt de browser wat er in de referer-header moet worden gestuurd. strict-origin-when-cross-origin is de moderne standaard, die alleen de herkomst onthult, nooit de volledige pagina-URL. |
| allowfullscreen | Schakelt de volledig-schermknop van de speler in. |
De queryparameters van de src zijn het configureerbare deel. autoplay=1, loop=1&playlist=ID, controls=0, start=SECONDEN en end=SECONDEN verschijnen alleen als u de bijbehorende optie inschakelt, dus een minimale embed draagt helemaal geen parameters.
Embedopties
Elke optie in het instellingenpaneel komt overeen met een parameter in de uiteindelijke URL.
| Instelling | Parameter | Standaard | Opmerkingen |
|---|---|---|---|
| Beeldverhouding | – | 16:9 | De voorinstellingen zijn 16:9, 4:3, 3:4, 9:16 en 1:1, plus aangepast. Een voorinstelling vult de canonieke grootte voor die verhouding, 16:9 wordt 560×315, 9:16 wordt 360×640. |
| Breedte / Hoogte | – | 560×315 | Het bewerken van één veld herberekent het andere uit de actieve verhouding. De aangepaste modus schakelt de berekening uit en houdt beide waarden onafhankelijk. Bereik 144–3840 px. |
| No-cookie-modus | Hostwissel | ingeschakeld | Gebruikt www.youtube-nocookie.com, waar YouTube geen bezoekersinformatie opslaat zolang de video niet wordt afgespeeld. |
| Automatisch afspelen | autoplay=1 | uitgeschakeld | Let op, browsers blokkeren automatisch afspelen met geluid toch, zie de veelgestelde vragen. |
| Herhaling | loop=1&playlist=ID | uitgeschakeld | De playlist-parameter wordt automatisch toegevoegd, zonder hem negeert YouTube de herhaling. |
| Spelerbediening tonen | controls=0 bij uitschakelen | ingeschakeld | Uitgeschakeld verbergt de bedieningsbalk en geeft een schoon afspeelvlak. |
| Start om | start=SECONDEN | uitgeschakeld | Velden voor uren, minuten en seconden, de waarde wordt in de URL omgezet naar seconden. |
| Einde om | end=SECONDEN | uitgeschakeld | Stopt de weergave op het aangegeven moment en snijdt een stuk bij zonder de bronvideo te bewerken. |
De automatische breedte-/hoogteberekening rondt af op hele pixels en beperkt tot het bereik 144–3840. Omdat de voorinstellingen exacte verhoudingen zijn, zijn canonieke paren zoals 560×315 en 360×640 pixelprecies, er is dus geen afrondingsdrift om te bestrijden wanneer u een exacte grootte nodig hebt.
Parameterreferentie: wat werkt nog in 2026
YouTube heeft meer embedparameters teruggetrokken dan de meeste sites weten, en oude tutorials blijven dode parameters aanbevelen. Dit is de stand van 2026 voor de parameters die u op internet tegenkomt, gecontroleerd tegen de officiële spelerdocumentatie.
Werken nog
| Parameter | Effect in 2026 |
|---|---|
| autoplay | Start de weergave, onder voorbehoud van het geluidsbeleid van de browser |
| loop + playlist | Herhaalt de video, het paar moet bij elkaar blijven |
| controls | 0 verbergt de bedieningsbalk, 2 verbergt ook de volledig-schermknop |
| start / end | In- en uitgangspunten in seconden |
| cc_load_policy | 1 dwingt de ondertiteling aan |
| cc_lang_pref | Bepaalt de ondertiteltaal |
| hl | Bepaalt de interfacetaal van de speler |
| color | color=white maakt de voortgangsbalk wit (alleen met zichtbare bediening) |
| fs | 0 verbergt de volledig-schermknop |
| disablekb | 1 schakelt de toetsenbordbediening van de speler uit |
| rel | 0 beperkt gerelateerde video's tot hetzelfde kanaal, verwijderen kan het ze niet |
Teruggetrokken en zonder effect
| Parameter | Wat er is gebeurd |
|---|---|
| modestbranding | Teruggetrokken in augustus 2023, het logo wordt altijd getoond |
| showinfo | Teruggetrokken in september 2018, titels worden altijd getoond |
| autohide | Teruggetrokken, de parameter wordt genegeerd |
| theme | Teruggetrokken, alleen de donkere speler bestaat nog |
| vq | Al jaren dood, de startkwaliteit kan niet meer worden afgedwongen |
| iv_load_policy | Annotaties zijn uit YouTube verwijderd, de parameter heeft niets meer te besturen |
De generator stelt bewust alleen de parameters bloot die nog werken en die de meeste embedders echt nodig hebben. De functionerende maar nichecollectie, fs, hl, color, disablekb, cc_load_policy, blijft met opzet buiten de interface, want de uitvoer is een simpele URL, dus iedereen kan met de hand &fs=0 of &cc_load_policy=1 toevoegen zonder iets te breken wat de generator heeft gemaakt.
Gebruik
- Plak een YouTube-video-URL of een losse video-ID in het invoerveld en druk op Genereren, of druk op Enter.
- De embedcode verschijnt in het uitvoergebied en het live voorbeeld opent automatisch eronder.
- Pas de opties aan, verhouding, breedte of hoogte, no-cookie-modus, automatisch afspelen, herhaling, bediening, start- en eindtijd. De code en het voorbeeld werken bij elke wijziging onmiddellijk bij.
- Controleer het voorbeeld. Het is de echte speler, dus u kunt op afspelen drukken, vooruitspoelen en de start- en eindpunten visueel verifiëren.
- Klik op Kopiëren en plak de iframe in uw pagina, uw CMS of uw HTML-blok.
Als de URL geen video-ID bevat, legt een rode foutmelding uit wat er werd verwacht. Wissen zet invoer, code en voorbeeld in één keer terug.
Handleiding
Voorbeeld 1, een lesfragment met bijsnijden en herhaling. Een cursuspagina heeft een les van 12 minuten nodig, maar de bronvideo duurt 40, en het relevante deel loopt van 3:05 tot 12:30, in herhaling voor studenten die het opnieuw willen zien.
- Plak de watch-URL in het invoerveld en druk op Genereren.
- De 16:9-verhouding en de breedte 560 kloppen al, laat ze staan.
- Vul 3 in het minutenveld van start en 5 in het secondenveld van start.
- Vul 12 in het minutenveld van einde en 30 in het secondenveld van einde.
- Schakel Herhaling in.
- De code bevat nu start=185&end=750&loop=1&playlist=VIDEO_ID.
- Kopieer de iframe en plak hem in de cursuspagina.
Voorbeeld 2, een Shorts-video in verticaal formaat. Een mobielvriendelijk artikel sluit een Shorts in 9:16 in.
- Plak de Shorts-URL, https://www.youtube.com/shorts/... wordt herkend als elke andere link.
- Kies de 9:16-verhouding. De breedte gaat automatisch naar 360 en de hoogte naar 640.
- Laat automatisch afspelen uitgeschakeld, mobiele browsers zouden het toch blokkeren.
- Genereer, voorbeeld, kopieer. De iframe heeft de vorm van een telefoon en past in contentkolommen die voor verticale media zijn gebouwd.
Pro-tips
- Snijd bij zonder te monteren. start en end creëren een fragmentclip zonder hercodering, zonder nieuwe upload en zonder kwaliteitsverlies, de speler springt naar het ingangspunt en stopt bij het uitgangspunt.
- Houd de no-cookie-host voor EU-verkeer. youtube-nocookie.com slaat geen bezoekersinformatie op zolang de video niet wordt afgespeeld, wat de toestemmingsformaliteiten lichter maakt dan met het normale domein.
- Combineer automatisch afspelen en stilte met de hand. Als u automatisch afspelen echt nodig hebt, voeg dan &mute=1 toe aan de gegenereerde src, browsers staan stil automatisch afspelen toe en bezoekers kunnen het geluid met één tik inschakelen.
- Gebruik het voorbeeld als kwaliteitscontrole. Omdat het voorbeeld de echte speler is, toont een verwijderde of privévideo daar de eigen foutmelding van YouTube, in plaats van stilletjes een dode iframe naar productie te sturen.
- Mini-embeds voor kaarten en lijsten. Het minimum van 144 px ondersteunt thumbnailgrote spelers voor kaarten met zweefvoorbeeld, waar een grote speler de layout zou breken.
- Aangepaste verhouding voor ongebruikelijke layouts. Zijbalken, verticale artikelkolommen en social-proof-secties hebben vaak niet-standaard maten nodig, de aangepaste modus houdt breedte en hoogte onafhankelijk.
- Batchgeneratie. Houd de URL in het veld en schakel opties om, elke wijziging regenereert onmiddellijk, dus een herhaalde bijgesneden iframe en een simpele variant komen er in seconden uit, niet in minuten.
Alternatieven
| Alternatief | Sterk punt | Zwak punt |
|---|---|---|
| Officieel deelvenster van YouTube | Officieel, altijd actueel | Vaste 16:9-grootte, geen verhoudingsvoorinstellingen, geen start/eind-velden, altijd de www.youtube.com-host |
| oEmbed van YouTube | Levert een iframe met automatische videotitel | Vereist een server of een fetch, geen parametercontrole, eist JavaScript-infrastructuur |
| URL met de hand kopiëren | Niets te leren | Elke optie is een handmatige URL-wijziging, foutgevoelig, en de dode parameters loeren |
| Deze generator | Eén klik, verhoudingsvoorinstellingen, standaard no-cookie-host, start/eind-velden, direct voorbeeld | Bewust maar één video, geen afspeellijst-embeds |
Tegenover het deelvenster van YouTube
De eigen flow 'Delen → Insluiten' van YouTube is prima als u precies één vaste iframe wilt. Het deelvenster geeft een speler van 560×315, één aan te vinken vakje en een URL op www.youtube.com. Dat is de hele reikwijdte.
De generator dekt de gevallen die het deelvenster gewoon niet aanpakt, een Shorts-speler in 9:16, een tegel in 3:4 of 1:1, een exacte pixelgrootte, een privacyvriendelijke host als standaard, een start/eind-bijsnede zonder de URL met de hand te bewerken en een herhaling die echt werkt omdat de playlist-parameter voor u wordt toegevoegd. Alles wat het deelvenster produceert, produceert de generator ook, plus het live voorbeeld dat het deelvenster niet biedt.
Embedgenerator tegenover embedchecker
De site host ook de YouTube-embedchecker, en de twee tools vullen elkaar aan in plaats van te concurreren.
| Vraag | Embedchecker | Embedgenerator |
|---|---|---|
| Is deze video überhaupt in te sluiten? | Antwoordt met een oordeel, oEmbed-, speler- en weergavetests | Neemt ja aan en produceert de code |
| Wat zijn titel, auteur en duur van de video? | Toont ze | Haalt met opzet geen metadata op |
| Geef me de embedcode | Nee, alleen diagnose | Ja, met volledige optiecontrole |
| Eerst een verdachte link verifiëren? | Ja, dat is zijn taak | Plak het resultaat zo nodig weer terug |
Laat een link eerst door de checker lopen wanneer u zekerheid over de insluitbaarheid nodig hebt, daarna door de generator wanneer u de code nodig hebt. Ze delen dezelfde URL-parser, dus alles wat de checker accepteert, parseert de generator ook.
Wat het niet doet
- Metadata ophalen. De generator roept nooit de YouTube-API aan en kan dus geen titel of auteur vooraf invullen. Het is een codetool, geen informatietool, de checker is daarvoor zijn zustertool.
- Afspeellijsten insluiten. Een afspeellijstlink wordt geweigerd. Afspeellijst-embedding is een andere functie met een eigen parameterset, bewust buiten het bereik van een tool voor één video.
- De iframe-titel bewerken. Het title-attribuut behoudt het officiële 'YouTube video player' van YouTube. Schermlezers krijgen een consistent label en de uitvoer komt overeen met wat YouTube zelf publiceert.
- Gerelateerde video's verwijderen. Geen enkele parameter kan dat, zie de veelgestelde vragen.
- Automatisch afspelen afdwingen. Browsers blokkeren het, en de tool zal niet stilletjes mute aan uw embed toevoegen.
- Iets uploaden of opslaan. De generatie is 100 % lokaal, zie de volgende sectie.
Problemen oplossen
| Probleem | Waarschijnlijke oorzaak | Oplossing |
|---|---|---|
| Het voorbeeld toont de melding 'video niet beschikbaar' van YouTube | De video is verwijderd, privé of regionaal beperkt | De embed faalt op uw site net zo, kies een andere video |
| Automatisch afspelen start niet | Browsers blokkeren automatisch afspelen met geluid | Voeg &mute=1 toe aan de gegenereerde src |
| De video speelt één keer en stopt | loop=1 is zijn playlist-partner verloren bij handmatig bewerken | Houd loop=1&playlist=VIDEO_ID bij elkaar of genereer opnieuw |
| De start- of eindtijd wordt genegeerd | Het einde ligt vóór het begin, of het fragment overschrijdt de videoduur | Controleer de volgorde van uw tijden en de videoduur |
| De speler rendert niet op mijn site | De Content Security Policy van uw site blokkeert iframes | Voeg frame-src https://www.youtube-nocookie.com https://www.youtube.com toe aan uw CSP |
| De speler rendert maar de bediening ontbreekt | De bedieningsschakelaar is uitgeschakeld | Schakel 'Spelerbediening tonen' in en genereer opnieuw |
| Drukken op Genereren doet niets | De URL bevat geen video-ID | Gebruik een van de geaccepteerde formaten uit de tabel hierboven |
Privacy en gegevensverwerking
De tool bevindt zich in de schoonste categorie van het privacyspectrum van de site, nul verzoeken tijdens de generatie.
- De generatie is volledig lokaal. De URL wordt in uw browser geparseerd en de iframe daar samengesteld. Er wordt geen verzoek naar een Toollect-server gestuurd en er wordt niets gelogd.
- Het voorbeeld laadt een echte speler. Zolang het voorbeeld openstaat, praat uw browser met het embed-domein van YouTube, net als op elke pagina die de video insluit.
- De standaardhost is privacyvriendelijk. Gegenereerde code gebruikt www.youtube-nocookie.com, waar YouTube geen bezoekersinformatie opslaat tenzij ze de video afspelen. Het uitschakelen van de privacyoptie wisselt naar www.youtube.com, dezelfde speler met het gebruikelijke trackinggedrag, wat het officiële deelvenster altijd produceert.
Technische specificaties
- Invoerformaten – watch-, embed-, Shorts-, live- en /v/-URL's, youtu.be, URL's van het no-cookie-domein en losse video-ID's van 11 tekens.
- Uitvoer – één iframe-tag met expliciete afmetingen, toegankelijkheidstitel, machtigingsbeleid en allowfullscreen.
- Ondersteunde parameters – autoplay, loop + playlist, controls, start, end en de hostwissel van de no-cookie-modus.
- Beeldverhoudingen – voorinstellingen 16:9, 4:3, 3:4, 9:16 en 1:1, plus een vrije aangepaste modus, de tegenoverliggende dimensie wordt met pixelafronding berekend.
- Maattraject – van 144 tot 3840 pixels op beide assen.
- Verwerking – volledig in de browser, geen netwerkverzoeken tijdens de generatie.
- Browsercompatibiliteit – elke moderne browser, en de gegenereerde code werkt in elke browser die iframes rendert, en dat zijn ze allemaal.
Functies
- Genereert YouTube-iframe-embedcode uit elke video-URL of een losse video-ID met één klik
- Beeldverhouding-voorinstellingen, zoals 16:9, 4:3, 3:4, 9:16 voor Shorts, 1:1 en aangepast, met de tegenoverliggende dimensie automatisch berekend
- Privacyvriendelijk youtube-nocookie.com-domein als standaard
- Snijdt video's bij zonder montage, met start- en eindtijd in uren:minuten:seconden
- Opties voor automatisch afspelen, herhaling en bediening van de speler, met live voorbeeld vóór het kopiëren
- 100 % generatie in de browser, zonder API-sleutel, zonder account, zonder uploads