YouTube-embedgenerator
Introduktion
Toollects YouTube-embedgenerator förvandlar valfri YouTube-video-URL eller ett ensamt video-ID till kopieringsklar iframe-kod med ett klick. Klistra in länken, välj spelarens beteende, generera, förhandsvisa, kopiera, klistra in, hela flödet tar sekunder och varje alternativ motsvarar en verklig YouTube-parameter som fortfarande stöds idag.
Problemet den löser är det omständliga. Den officiella delningsdialogen ger en enda fast iframe utan kontroll över storlek, format eller beteende, och varje handledning om "hur man bäddar in YouTube" skickar dig till en lista med parametrar som du måste skriva in i URL:en för hand. Detta verktyg gör sammanfogningen åt dig, välj ett bildformat och den motstående dimensionen beräknas av sig själv, aktivera det cookiefria läget, loopen, kontrollerna, och beskära en video till en start- och sluttid utan att någonsin öppna en redigerare.
Generatom är medvetet ett verktyg för en enda video. Den accepterar hela grammatiken hos verkliga YouTube-länkar, watch-URL:er, korta youtu.be-länkar, Shorts, lives, och till och med ett ensamt video-ID, och normaliserar dem alla till en kanonisk embed-URL. Allt sker i din webbläsare, utan API-nyckel, utan konto, och ingenting om din länk lämnar din enhet. Den enda nätverksbegäran är den ärliga, liveförhandsvisningen, som laddar en riktig spelar-iframe så att du kan verifiera resultatet innan du kopierar det.
Användningsområden
Inbäddning av YouTube-videor förekommer på fler ställen än ett blogginlägg, och alternativen spelar roll på olika sätt i varje sammanhang.
- Blogg- och artikelsidor. 16:9-förinställningen på 560×315 matchar vad de flesta CMS-teman förväntar sig, och den cookiefria domänen håller embeden GDPR-vänlig som standard.
- Kurs- och dokumentsidor. start och end visar studenter en exakt del av en lång lektion, och den genererade koden fungerar på alla lärplattformar som accepterar rå HTML.
- Shorts och vertikalt innehåll. 9:16-förinställningen producerar en telefonformad spelare på 360×640 för vertikala videor, något de flesta andra generatorer inte ens erbjuder.
- Kioskar och skyltskärmar. Stäng av spelarkontrollerna för en ren, distraktionsfri uppspelningsyta, eventuellt med loopväxeln för kontinuerlig visning.
- Designprototyper. Placera en video i en Figma- eller HTML-prototyp i exakt pixelstorlek, det anpassade formatläget accepterar alla bredder och höjder mellan 144 och 3840 pixlar.
- Integritetsmedvetna webbplatser. Den cookiefria domänen är standard här, medan den officiella dialogen alltid producerar en www.youtube.com-URL, om du inte vet att du måste ändra den manuellt.
Hur det fungerar
Generatom är en pipeline i två steg, och båda körs helt i din webbläsare.
Steg 1, ID-extrahering. URL-parsern känner igen alla vanliga former av YouTube-länkar och extraherar video-ID:t på 11 tecken. Det ID:t är allt som YouTubes embed-spelare behöver. Även ett ensamt ID accepteras, så att du kan klistra in ett ID som du kopierat från adressfältet eller en databas.
Steg 2, kodsammanfogning. ID:t sätts in i embed-URL-mallen, och varje aktiverat alternativ lägger till en frågeparameter:
https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ?autoplay=1&start=30
Iframe-taggen byggs med explicita bredd- och höjdattribut, tillgänglighetstiteln, standardlistan för allow-behörigheter och allowfullscreen. En egenhet hos YouTube hanteras automatiskt, en enskild video i loop måste presenteras som en spellista med ett objekt, så loopväxeln lägger till loop=1 och playlist=VIDEO_ID tillsammans. Utan den andra parametern ignorerar YouTube loopen tyst.
Förhandsvisningen är samma iframe som den genererade koden innehåller, verktyget renderar den riktiga spelaren, ingen imitation. Det du ser i förhandsvisningen är exakt vad dina besökare kommer att se, inklusive hur YouTube själv rapporterar en raderad, privat eller otillgänglig video.
Stödda URL-format
Parsern accepterar varje form som identifierar en enskild video och avvisar varje form som inte gör det.
Accepteras
| URL-format | Exempel |
|---|---|
| Watch-URL | https://www.youtube.com/watch?v=dQw4w9WgXcQ |
| Kort länk | 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 |
| Cookiefri domän | https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ |
| Ensamt video-ID | dQw4w9WgXcQ |
Watch-URL:er med extra frågeparametrar som &t=42s eller &list=PL... analyseras korrekt, generatom extraherar ID:t och ignorerar resten, eftersom embed-parametrarna byggs om från dina inställningar i stället för att kopieras från länken.
Avvisas
| URL-format | Varför avvisas |
|---|---|
| Spellista-länk | youtube.com/playlist?list=PL... identifierar en spellista, inte en enskild video |
| Kanalsida | youtube.com/@kanal har inget video-ID |
| Sök-URL | youtube.com/results?search_query=... har inget video-ID |
| Användarsida | youtube.com/user/namn har inget video-ID |
| Shorts utan ID | youtube.com/shorts/ är en indexsida, inte en video |
Embedkodens anatomi
Den genererade iframen är kompakt och varje del har en uppgift. Så här ser standardutdata i 16:9 ut:
<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>
| Attribut | Uppgift |
|---|---|
| width / height | Spelarens storlek i pixlar. Höjden beräknas om från det valda bildformatet när du ändrar bredden, och vice versa. |
| src | Embed-URL:en. Standardvärden är www.youtube-nocookie.com, att stänga av det cookiefria läget växlar till www.youtube.com. Frågeparametrarna bär spelaralternativen. |
| title | Det tillgängliga namnet som skärmläsare meddelar för ramen. Den behåller YouTubes officiella standardvärde så att den genererade koden matchar vad YouTube själv publicerar. |
| frameborder | Äldre attribut för kompatibilitet med gamla HTML-validerare, utan visuell effekt i moderna webbläsare. |
| allow | Behörighetspolicyn för den inbäddade spelaren, fullskärm och autouppspelning aktiverade, precis som den officiella YouTube-embeden. |
| referrerpolicy | Säger åt webbläsaren vad som ska skickas i referer-huvudet. strict-origin-when-cross-origin är det moderna standardvärdet, som bara avslöjar ursprunget, aldrig den fullständiga sid-URL:en. |
| allowfullscreen | Aktiverar spelarens fullskärmsknapp. |
Frågeparametrarna i src är den konfigurerbara delen. autoplay=1, loop=1&playlist=ID, controls=0, start=SEKUNDER och end=SEKUNDER visas bara om du aktiverar motsvarande alternativ, så en minimal embed bär inga parametrar alls.
Embedinställningar
Varje alternativ i inställningspanelen motsvarar en parameter i den slutliga URL:en.
| Inställning | Parameter | Standard | Kommentarer |
|---|---|---|---|
| Bildformat | – | 16:9 | Förinställningarna är 16:9, 4:3, 3:4, 9:16 och 1:1, plus anpassat. En förinställning fyller den kanoniska storleken för det formatet, 16:9 blir 560×315, 9:16 blir 360×640. |
| Bredd / Höjd | – | 560×315 | Att redigera ett fält beräknar om det andra från det aktiva formatet. Det anpassade läget stänger av beräkningen och håller båda värdena oberoende. Intervall 144–3840 px. |
| Cookiefritt läge | Värdväxling | aktiverat | Använder www.youtube-nocookie.com, där YouTube inte lagrar information om besökare så länge videon inte spelas. |
| Autouppspelning | autoplay=1 | avaktiverat | Observera, webbläsare blockerar ändå autouppspelning med ljud, se vanliga frågor. |
| Loop | loop=1&playlist=ID | avaktiverat | Playlist-parametern läggs till automatiskt, utan den ignorerar YouTube loopen. |
| Visa spelarkontroller | controls=0 vid avaktivering | aktiverat | Avaktiverat döljer kontrollfältet och ger en ren uppspelningsyta. |
| Börja vid | start=SEKUNDER | avaktiverat | Fält för timmar, minuter och sekunder, värdet omvandlas till sekunder i URL:en. |
| Sluta vid | end=SEKUNDER | avaktiverat | Stoppar uppspelningen vid den angivna tidpunkten och beskär en del utan att redigera källvideon. |
Den automatiska bredd-/höjdberäkningen avrundar till hela pixlar och begränsar till intervallet 144–3840. Eftersom förinställningarna är exakta format är kanoniska par som 560×315 och 360×640 pixel exakta, det finns alltså ingen avrundningsdrift att kämpa emot när du behöver en exakt storlek.
Parameterreferens: vad fungerar fortfarande 2026
YouTube har dragit tillbaka fler embed-parametrar än de flesta webbplatser vet, och gamla handledningar fortsätter att rekommendera döda parametrar. Detta är läget 2026 för de parametrar du stöter på på internet, kontrollerat mot den officiella spelardokumentationen.
Fungerar fortfarande
| Parameter | Effekt 2026 |
|---|---|
| autoplay | Startar uppspelningen, med förbehåll för webbläsarens ljudpolicy |
| loop + playlist | Loopar videon, paret måste hållas ihop |
| controls | 0 döljer kontrollfältet, 2 döljer även fullskärmsknappen |
| start / end | In- och utträdespunkter i sekunder |
| cc_load_policy | 1 tvingar på undertexterna |
| cc_lang_pref | Ställer in undertextspråket |
| hl | Ställer in spelarens gränssnittsspråk |
| color | color=white gör förloppsindikatorn vit (endast med synliga kontroller) |
| fs | 0 döljer fullskärmsknappen |
| disablekb | 1 stänger av spelarens tangentbordskontroller |
| rel | 0 begränsar relaterade videor till samma kanal, ta bort dem kan den inte |
Indragna och utan effekt
| Parameter | Vad som hände |
|---|---|
| modestbranding | Indragen i augusti 2023, logotypen visas alltid |
| showinfo | Indragen i september 2018, titlar visas alltid |
| autohide | Indragen, parametern ignoreras |
| theme | Indragen, bara den mörka spelaren finns |
| vq | Död i åratal, startkvaliteten kan inte längre tvingas |
| iv_load_policy | Anteckningar togs bort från YouTube, parametern har inget att styra |
Generatom exponerar medvetet bara de parametrar som fortfarande fungerar och som de flesta embedare verkligen behöver. Den fungerande men nischade samlingen, fs, hl, color, disablekb, cc_load_policy, hålls avsiktligt utanför gränssnittet, eftersom utdata är en enkel URL, vem som helst kan lägga till &fs=0 eller &cc_load_policy=1 för hand utan att bryta något som generatom skapat.
Användning
- Klistra in en YouTube-video-URL eller ett ensamt video-ID i inmatningsfältet och tryck på Generera, eller tryck på Enter.
- Embedkoden visas i utdataområdet och liveförhandsvisningen öppnas automatiskt nedanför.
- Justera alternativen, format, bredd eller höjd, cookiefritt läge, autouppspelning, loop, kontroller, start- och sluttid. Koden och förhandsvisningen uppdateras omedelbart vid varje ändring.
- Kontrollera förhandsvisningen. Den är den riktiga spelaren, så du kan trycka på spela, spola framåt och visuellt verifiera start- och slutpunkterna.
- Klicka på Kopiera och klistra in iframen på din sida, i ditt CMS eller i ditt HTML-block.
Om URL:en inte innehåller något video-ID förklarar ett rött felmeddelande vad som förväntades. Rensa återställer inmatning, kod och förhandsvisning i ett steg.
Handledning
Exempel 1, en lektionsdel med beskärning och loop. En kurssida behöver en 12 minuter lång lektion, men källvideon varar 40, och den relevanta delen går från 3:05 till 12:30, i loop för studenter som vill se om den.
- Klistra in watch-URL:en i inmatningsfältet och tryck på Generera.
- 16:9-formatet och bredden 560 är redan korrekta, låt dem vara.
- Skriv 3 i startminutfältet och 5 i startsekundfältet.
- Skriv 12 i slutmimutfältet och 30 i slutsekundfältet.
- Aktivera Loop.
- Koden innehåller nu start=185&end=750&loop=1&playlist=VIDEO_ID.
- Kopiera iframen och klistra in den på kurssidan.
Exempel 2, en Shorts-video i vertikalt format. En mobilanpassad artikel bäddar in en Shorts i 9:16.
- Klistra in Shorts-URL:en, https://www.youtube.com/shorts/... känns igen som vilken annan länk som helst.
- Välj 9:16-formatet. Bredden går automatiskt till 360 och höjden till 640.
- Låt autouppspelning vara avaktiverad, mobila webbläsare skulle blockera den ändå.
- Generera, förhandsvisa, kopiera. Iframen har telefonens form och passar i innehållskolumner byggda för vertikala medier.
Proffstips
- Beskär utan att redigera. start och end skapar ett klipp utan omkodning, utan ny uppladdning och utan kvalitetsförlust, spelaren hoppar till inträdespunkten och stannar vid utträdespunkten.
- Behåll den cookiefria värden för EU-trafik. youtube-nocookie.com lagrar ingen information om besökare så länge videon inte spelas, vilket gör samtyckesformaliteterna lättare än med den vanliga domänen.
- Kombinera autouppspelning och tystnad manuellt. Om du verkligen behöver autoplay, lägg till &mute=1 i den genererade src, webbläsare tillåter tyst autouppspelning och besökare kan aktivera ljudet med en knapptryckning.
- Använd förhandsvisningen som kvalitetskontroll. Eftersom förhandsvisningen är den riktiga spelaren visar en raderad eller privat video YouTubes eget felmeddelande där, i stället för att tyst skicka en död iframe till produktion.
- Mini-embeds för kort och listor. Minimum på 144 px stödjer spelare i miniatyrstorlek för kort med hovringsförhandsvisning, där en stor spelare skulle bryta layouten.
- Anpassat format för ovanliga layouter. Sidofält, vertikala artikelkolumner och sociala bevis-sektioner behöver ofta icke-standardstorlekar, det anpassade läget håller bredd och höjd oberoende.
- Batchgenerering. Håll URL:en i fältet och växla alternativ, varje ändring regenererar omedelbart, så en loopad beskuren iframe och en enkel variant kommer ut på sekunder, inte minuter.
Alternativ
| Alternativ | Styrka | Svaghet |
|---|---|---|
| YouTubes officiella delningsdialog | Officiell, alltid aktuell | Fast 16:9-storlek, inga formatförinställningar, inga start/slut-fält, alltid www.youtube.com-värden |
| oEmbed från YouTube | Levererar en iframe med automatisk videotitel | Kräver en server eller en fetch, ingen parameterkontroll, kräver JavaScript-infrastruktur |
| Kopiera URL:en för hand | Inget att lära sig | Varje alternativ är en manuell URL-ändring, felbenägen, och de döda parametrarna lurar |
| Denna generator | Ett klick, formatförinställningar, cookiefri värd som standard, start/slut-fält, omedelbar förhandsvisning | Medvetet endast en video, inga spellista-embeds |
Mot YouTubes delningsdialog
YouTubes eget flöde "Dela → Bädda in" är bra när du vill ha exakt en fast iframe. Dialogen ger en spelare på 560×315, en kryssruta att växla och en URL på www.youtube.com. Det är hela dess räckvidd.
Generatom täcker fallen som dialogen helt enkelt inte tar itu med, en Shorts-spelare i 9:16, en panel i 3:4 eller 1:1, en exakt pixelstorlek, en integritetsvänlig värd som standard, en start/slut-beskärning utan att redigera URL:en för hand och en loop som verkligen fungerar eftersom playlist-parametern läggs till åt dig. Allt som dialogen producerar producerar generatom också, plus liveförhandsvisningen som dialogen inte erbjuder.
Embedgenerator mot embedchecker
Webbplatsen är värd för även YouTube-embedcheckern, och de två verktygen kompletterar varandra i stället för att konkurrera.
| Fråga | Embedchecker | Embedgenerator |
|---|---|---|
| Går den här videon ens att bädda in? | Svarar med en dom, oEmbed-, spelar- och uppspelningstester | Antar att ja och producerar koden |
| Vad är videons titel, författare och längd? | Visar dem | Hämtar medvetet ingen metadata |
| Ge mig embedkoden | Nej, bara diagnostik | Ja, med fullständig alternativkontroll |
| Verifiera först en misstänkt länk? | Ja, det är dess jobb | Klistra in resultatet igen om det behövs |
Låt en länk gå igenom checkern först när du behöver visshet om inbäddbarhet, sedan genom generatom när du behöver koden. De delar samma URL-parser, så allt som checkern accepterar analyserar generatom också.
Vad den inte gör
- Hämta metadata. Generatom anropar aldrig YouTubes API och kan därför inte förifylla en titel eller författare. Den är ett kodverktyg, inte ett informationsverktyg, checkern är dess syskonverktyg för det.
- Bädda in spellistor. En spellista-länk avvisas. Spellista-inbäddning är en annan funktion med ett eget parameterset, medvetet utanför räckvidden för ett en-video-verktyg.
- Redigera iframe-titeln. Title-attributet behåller YouTubes officiella "YouTube video player". Skärmläsare får en konsekvent etikett och utdata matchar vad YouTube själv publicerar.
- Ta bort relaterade videor. Ingen parameter kan göra det, se vanliga frågor.
- Tvinga autouppspelning. Webbläsare blockerar den, och verktyget kommer inte att lägga till mute i din embed tyst.
- Ladda upp eller spara något. Genereringen är 100 % lokal, se nästa avsnitt.
Felsökning
| Problem | Trolig orsak | Lösning |
|---|---|---|
| Förhandsvisningen visar YouTubes meddelande "video inte tillgänglig" | Videon är raderad, privat eller regionsbegränsad | Embeben misslyckas likadant på din webbplats, välj en annan video |
| Autouppspelning startar inte | Webbläsare blockerar autouppspelning med ljud | Lägg till &mute=1 i den genererade src |
| Videon spelas en gång och stannar | loop=1 förlorade sin playlist-partner vid manuell redigering | Håll loop=1&playlist=VIDEO_ID ihop eller regenerera |
| Start- eller sluttiden ignoreras | Slutet ligger före början, eller klippet överstiger videons längd | Kontrollera ordningen på dina tider och videons längd |
| Spelaren renderas inte på min webbplats | Din webbplats Content Security Policy blockerar iframes | Lägg till frame-src https://www.youtube-nocookie.com https://www.youtube.com i din CSP |
| Spelaren renderas men kontrollerna saknas | Kontrollväxeln är avaktiverad | Aktivera "Visa spelarkontroller" och regenerera |
| Att trycka på Generera gör ingenting | URL:en innehåller inget video-ID | Använd ett av de accepterade formaten i tabellen ovan |
Integritet och datahantering
Verktyget befinner sig i den renaste kategorin av webbplatsens integritetsspektrum, noll begäranden under genereringen.
- Genereringen är helt lokal. URL:en analyseras i din webbläsare och iframen byggs där. Ingen begäran skickas till en Toollect-server och ingenting loggas.
- Förhandsvisningen laddar en riktig spelare. Så länge förhandsvisningen är öppen pratar din webbläsare med YouTubes embed-domän, precis som på alla sidor som bäddar in videon.
- Standardvärden är integritetsvänlig. Genererad kod använder www.youtube-nocookie.com, där YouTube inte lagrar information om besökare om de inte spelar videon. Att stänga av integritetsalternativet växlar till www.youtube.com, samma spelare med det vanliga spårningsbeteendet, vilket är vad den officiella dialogen alltid producerar.
Teknisk specifikation
- Inmatningsformat – watch-, embed-, Shorts-, live- och /v/-URL:er, youtu.be, URL:er från den cookiefria domänen och ensamma video-ID:n på 11 tecken.
- Utdata – en enda iframe-tagg med explicita dimensioner, tillgänglighetstitel, behörighetspolicy och allowfullscreen.
- Stödda parametrar – autoplay, loop + playlist, controls, start, end och värdväxlingen för det cookiefria läget.
- Bildformat – förinställningar 16:9, 4:3, 3:4, 9:16 och 1:1, plus ett fritt anpassat läge, den motstående dimensionen beräknas med pixelavrundning.
- Storleksintervall – från 144 till 3840 pixlar på båda axlarna.
- Bearbetning – helt i webbläsaren, inga nätverksbegäranden under genereringen.
- Webbläsarkompatibilitet – alla moderna webbläsare, och den genererade koden fungerar i alla webbläsare som renderar iframes, och det gör alla.
Funktioner
- Genererar YouTube-iframe-embedkod från valfri video-URL eller ett ensamt video-ID med ett klick
- Bildformat-förinställningar, som 16:9, 4:3, 3:4, 9:16 för Shorts, 1:1 och anpassat, med motstående dimension automatiskt beräknad
- Integritetsvänlig youtube-nocookie.com-domän som standard
- Beskär videor utan redigering, med start- och sluttid i timmar:minuter:sekunder
- Alternativ för autouppspelning, loop och spelarkontroller, med liveförhandsvisning före kopiering
- 100 % generering i webbläsaren, utan API-nyckel, utan konto, utan uppladdningar