HTML YouTube-video

Det enklaste sättet att inkludera video i HTML är att använda YouTube.

Förvirrad över videoformat?

Att konvertera videoen till ett annat format kan vara både svårt och tidskrävande.

En enklare lösning är att låta YouTube spela upp videoen i din webbsida.

YouTube Video Id

När du sparar (eller spelar upp) videoen visar YouTube en id (t.ex. ih1l6wb7LhU).

Du kan använda denna id och referera till din video i HTML-koden.

Inkludera YouTube-video i HTML

För att spela upp videoen på din webbsida, utför följande steg:

  • ladda upp videoen till YouTube
  • anteckna videoens id
  • definiera i din webbsida <iframe> elementet
  • Låt src egenskap för att peka på videoens URL
  • Använd width och height Använd egenskaper för att definiera spelarens storlek
  • Lägg till andra parametrar till URL (se nedan)

Exempel

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

Prova själv

YouTube Autoplay + Tyst

Du kan göra videoen att spela upp automatiskt när användaren besöker sidan genom att lägga till autoplay=1 i YouTube URL. Men, att spela upp videoer automatiskt kan göra dina besökare irriterade!

Observera:I de flesta fall tillåter Chrome-webbläsaren inte automatisk uppspelningsfunktion. Men ljudlös automatisk uppspelningsfunktion tillåts alltid.

I autoplay=1 Lägg sedan till mute=1Låter din video börja spela automatiskt (men är tyst).

YouTube - Automatisk uppspelnings + Tyst

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

Prova själv

YouTube Spel lista

Komma-separerad lista över videor att spela upp (utöver ursprunglig URL).

YouTube Upprepa

Lägg till loop=1 Detta kommer att få din video att spela i oändlighet.

Värde 0 (standard): Videon kommer att spelas upp en gång.

Värde 1: Videon kommer att upprepa (för alltid).

YouTube - Upprepa

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

Prova själv

YouTube Kontroller

Lägg till controls=0 Detta gör att videospelaren inte visar kontroller.

Värde 0: Spelarkontroller visas inte.

Värde 1 (standard): Spelarkontroller visas.

YouTube - Kontroller

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

Prova själv