tigtools

YouTube-inbäddningskodgenerator

Klistra in en YouTube-länk, välj spelaralternativ och kopiera iframe-koden till din webbplats. Responsivt läge fyller behållarens bredd i 16:9.

Körs i din webbläsare Ingen registrering

Video

Uppspelning

En språkkod som en, de eller pt-BR. Anger spelarens gränssnittsspråk och, om undertexter är på, det föredragna undertextspråket.

Storlek och sida

Storlek

Spelaren tar hela bredden av sin behållare och behåller 16:9-formatet med hjälp av CSS-egenskapen aspect-ratio, som stöds av aktuella webbläsare.

Beskriver spelaren för skärmläsare. Använd videotiteln om du kan.

Inbäddningskod

Klistra in en videolänk för att få inbäddningskoden.

Så här använder du det

  1. Klistra in YouTube-videolänken eller dess 11 tecken långa ID.
  2. Ställ in start- och stopptider samt de uppspelningsalternativ du vill ha.
  3. Välj responsiv eller fast storlek och ange en beskrivande titel.
  4. Kopiera HTML-koden och klistra in den på din sida eller i din webbplatsbyggares HTML-block. Använd Visa förhandsgranskning för att testa den.

Så fungerar det

Koden använder YouTubes standard iframe-spelare. Alternativen blir URL-parametrar på spelaradressen: start och end (sekunder), autoplay, mute, loop med playlist, controls=0, cc_load_policy=1 för undertexter, cc_lang_pref för undertextspråket och hl för spelarspråket. Sekretessförbättrat läge byter adressen till youtube-nocookie.com.

Vissa alternativ har begränsningar som satts av YouTube eller webbläsare. Autoplay fungerar bara när videon är avstängd, så verktyget lägger till mute=1 tillsammans med autoplay. För att loopa en enskild video måste parametern playlist anges till samma video-ID, vilket verktyget lägger till. Undertexter visas bara om videon har undertexter. Videor vars ägare har inaktiverat inbäddning visar ett fel i spelaren.

Responsivt läge omsluter iframe i en ruta med aspect-ratio: 16 / 9 och width: 100%, så att den skalas med sidan utan det äldre padding-bottom-tricket. Fast läge skriver width- och height-attribut. Lazy loading skjuter upp spelaren tills den är nära den synliga delen av sidan.

Exempel

Sekretessvänlig responsiv inbäddning

Standardinställningar: youtube-nocookie.com, responsiv 16:9 och lazy loading. Klistra in kodsnutten på valfri HTML-sida.

Bakgrundsloop

Autoplay, loop och inga kontroller ger …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.

Spela bara ett avsnitt

Start vid 1:00 och stopp vid 2:30 ger start=60&end=150, så spelaren spelar bara den delen.

Vanliga frågor

Varför startar inte min inbäddade video automatiskt med ljud?

Webbläsare blockerar autoplay med ljud. Autoplay kräver mute=1, vilket verktyget lägger till automatiskt; vissa webbläsare eller inställningar blockerar det ändå.

Vad gör sekretessförbättrat läge?

Det laddar spelaren från youtube-nocookie.com. Enligt YouTube lagras då inte information om besökare för personalisering om de inte spelar upp videon.

Varför behöver jag playlist= för loopning?

YouTubes loop-parameter fungerar bara med en playlist. Genom att ange playlist till samma video-ID upprepas en enskild video.

Fungerar den genererade koden i WordPress?

Ja. Klistra in den i ett block för anpassad HTML. Vissa webbplatsbyggare tar bort iframes av säkerhetsskäl; använd då deras eget videoblock.

Integritet

Inbäddningskoden skapas i din webbläsare och inget skickas någonstans. Bara om du klickar på Visa förhandsgranskning laddar din webbläsare spelaren från YouTube (eller youtube-nocookie.com).