Vad är HTML5-videoelementet?

HTML5-<video>-elementet är en standardkomponent i webbläsaren för att bädda in videouppspelning. Det kan hänvisa till en eller flera källfiler och tillhandahålla uppspelningskontroller, undertexter, affischbilder och tillgänglighetsbeskrivningar.

I praktiken handlar videomarkup främst om att kombinera rätt attribut för ditt användningsfall och att se till att reservtexten är meningsfull.

Verktygsbeskrivning

Det här verktyget genererar ett färdigt <video>-block som kan kopieras, med vanliga attribut som källa, affischbild, dimensioner, förladdningsbeteende, automatisk uppspelning, upprepning och kontroller. Det visar också en liveförhandsvisning i webbläsaren.

Det är användbart när du snabbt vill skapa videomarkup utan att behöva memorera namnen på alla attribut.

Exempel

  • En standardinbäddad video med kontroller och en affischbild
  • En bakgrundsvideo utan ljud som spelas upp i en loop
  • En responsiv videotagg med anpassad reservtext

Funktioner

  • Många vanliga HTML5-videoattribut samlade på ett ställe
  • Redigerbar reservtext för webbläsare som inte stöder funktionen
  • Genererad HTML och sandboxad förhandsvisning sida vid sida

Så fungerar det

Verktyget bygger <video>-markup utifrån de alternativ du väljer och återger en förhandsvisning med samma källinställningar när det är möjligt. Den genererade koden är avsedd att kopieras till din egen sida.

Förhandsvisningen är fortfarande beroende av att webbläsaren kan läsa in medie-URL:en, så om uppspelningen lyckas beror på själva källan.