YouTube-inbäddningskodgenerator
Skapa responsiv iframe-inbäddningskod med starttid, automatisk uppspelning och integritetsläge
Indata och alternativ
Körs i din webbläsare. Dina indata stannar på den här enheten.
Resultat
Ange dina värden för att se resultatet.
Om den kostnadsfria YouTube-inbäddningskodgeneratorn
Den här kostnadsfria YouTube-inbäddningskodgeneratorn förvandlar vilken YouTube-länk som helst till ren HTML redo att kopiera på några sekunder. Klistra in en watch-URL, en kort youtu.be-länk, en Shorts-länk eller ett vanligt video-ID på 11 tecken, så bygger verktyget direkt en giltig iframe med exakt de spelaralternativ du väljer: starttid, autouppspelning, ljud av, upprepning, dolda kontroller, förbättrat integritetsläge och mer.
Den främsta funktionen är läget för responsiv YouTube-inbäddning, som är aktiverat som standard. I stället för en iframe med fast bredd som flödar över på mobiler lindar generatorn in spelaren i en padding-bottom-behållare som behåller ett perfekt bildförhållande på 16:9 vid vilken skärmbredd som helst. Det är samma teknik som professionella utgivare använder, och den fungerar i alla moderna webbläsare helt utan JavaScript.
Integritet är också viktigt. En enda kryssruta växlar inbäddningskoden till YouTubes integritetsförbättrade domän youtube-nocookie.com, som skjuter upp spårningskakor tills besökaren faktiskt spelar upp videon, ett vanligt krav för GDPR-medvetna webbplatser. Valfri lazy loading lägger till attributet loading="lazy" så att iframen bara läses in när den scrollas fram, vilket förbättrar sidhastigheten och Core Web Vitals.
Viktiga funktioner
- Tar emot alla vanliga YouTube-URL-format: watch, youtu.be, Shorts, embed, live eller ett vanligt video-ID
- Responsiv 16:9-behållare aktiverad som standard så att videor skalas på mobil, surfplatta och dator
- Förinställningar med fast storlek (560x315, 640x360, 853x480, 1280x720) när du behöver exakta mått
- Starttid i formatet h:mm:ss, mm:ss eller vanliga sekunder, omvandlad till rätt start-parameter
- Reglage för autouppspelning, ljud av, upprepning och dolda kontroller med kod som uppdateras direkt
- Förbättrat integritetsläge med youtube-nocookie.com för mindre spårning via kakor
- Alternativ för lazy loading för snabbare sidor och bättre Core Web Vitals-resultat
- Liveförhandsvisning av spelaren som uppdateras när du ändrar alternativ (autouppspelning är avstängd i förhandsvisningen)
- Tillgänglig utdata med title-attribut och allowfullscreen på varje iframe
- Kopiera till urklipp med ett klick, utan registrering, helt kostnadsfritt
Så använder du YouTube-inbäddningskodgeneratorn
- Klistra in din länk: Lägg in valfri YouTube-URL eller ett video-ID på 11 tecken i inmatningsfältet. Verktyget identifierar video-ID:t automatiskt.
- Välj alternativ: Ange en starttid och slå på eller av autouppspelning, ljud av, upprepning, dolda kontroller eller förbättrat integritetsläge. Koden uppdateras direkt.
- Välj storlek: Behåll den responsiva behållaren för flytande layouter, eller stäng av den och välj en fast storlek som 560x315 eller 1280x720.
- Kontrollera förhandsvisningen: Spelaren till höger visar exakt hur din inbäddning kommer att bete sig, men utan autouppspelning så att sidan förblir tyst.
- Kopiera och klistra in: Klicka på Kopiera kod och klistra in HTML-koden på din webbplats, i ditt blogginlägg eller i ett HTML-block i ditt CMS.
Användningsområden
- Bloggare: Bädda in handledningar eller recensionsvideor i WordPress-, Ghost- eller statiska webbplatsinlägg med mobilanpassad responsiv kod.
- Webbutvecklare: Skapa enhetlig, standardenlig iframe-markup med lazy loading i stället för att skriva den för hand varje gång.
- Kursskapare: Bädda in lektioner som startar vid en exakt tidpunkt så att eleverna alltid hamnar i rätt ögonblick.
- Marknadsföringsteam: Lägg till produktdemor på landningssidor med dolda kontroller för ett renare utseende.
- Byråer som hanterar GDPR-webbplatser: Leverera integritetsförbättrade youtube-nocookie.com-inbäddningar till europeiska kunders webbplatser.
- Dokumentationsskribenter: Lägg in genomgångsvideor i hjälpcenter och kunskapsbaser utan att layouten går sönder.
- Nyhetsbrevsutgivare: Skapa inbäddningar för webbversioner av nyhetsbrev där videostöd finns.
- Småföretagare: Lägg en upprepad promovideo utan ljud i hero-sektionen på startsidan utan att anlita en utvecklare.
Vanliga frågor
Är verktyget gratis?
Ja, YouTube-inbäddningskodgeneratorn är helt kostnadsfri, utan registrering, utan vattenstämplar och utan användningsgränser.
Är mina data säkra?
Ja. Verktyget körs helt i din webbläsare. Dina URL:er och inställningar skickas aldrig till våra servrar, och inget sparas eller loggas.
Varför lägger autouppspelning också till mute=1?
Chrome, Safari och Firefox blockerar autouppspelning av video med ljud. YouTube-inbäddningar startar bara pålitligt av sig själva när ljudet är avstängt, så generatorn lägger till mute=1 varje gång autouppspelning är aktiverad. Besökare kan slå på ljudet med ett klick.
Varför lägger upprepning till en spellisteparameter?
Det är ett krav från YouTube. Parametern loop=1 fungerar bara på spellistor, så för att upprepa en enskild video måste du ange playlist=VIDEO_ID med samma ID. Generatorn sköter detta automatiskt.
Vad är skillnaden mellan responsiva inbäddningar och inbäddningar med fast storlek?
En iframe med fast storlek visas alltid med samma pixelmått och kan flöda över på små skärmar. Den responsiva versionen lindar in iframen i en behållare med padding-bottom på 56,25 procent (förhållandet 16:9), så att spelaren fyller sin överordnade behållare och skalas mjukt på vilken enhet som helst.
Ändrar förbättrat integritetsläge hur videon spelas upp?
Nej. Spelaren ser ut och fungerar likadant. Domänen youtube-nocookie.com hindrar bara YouTube från att sätta spårningskakor tills besökaren startar uppspelningen, vilket underlättar efterlevnaden av GDPR och krav på kakmedgivande.
Tips och bästa praxis
- Behåll den responsiva behållaren aktiverad: Över hälften av webbtrafiken kommer från mobiler, och en fast iframe på 560 px flödar över på de flesta mobilskärmar.
- Använd lazy loading under första skärmvyn: Varje YouTube-iframe hämtar hundratals kilobyte. loading="lazy" skjuter upp den kostnaden tills spelaren faktiskt syns.
- Ange en starttid för långa videor: Att länka tittare till exakt rätt ögonblick minskar avhoppen och håller dem kvar vid ditt innehåll.
- Föredra förbättrat integritetsläge: Det har ingen nackdel för tittarna och förenklar hanteringen av kakmedgivande på webbplatser med EU-trafik.
- Behåll title-attributet: Skärmläsare läser upp det, och tillgänglighetsgranskningar som Lighthouse flaggar iframes som saknar det.
- Testa efter inklistring: Vissa CMS-redigerare tar bort iframes i visuellt läge. Klistra in koden i ett HTML- eller kodblock för att behålla den intakt.