Hva er HTML5-videoelementet?

HTML5-<video>-elementet er en standardkomponent i nettleseren for å bygge inn videoavspilling. Det kan vise til én eller flere kildefiler og tilby avspillingskontroller, undertekster, posterbilder og tilgjengelighetsetiketter.

I praksis handler videomarkup hovedsakelig om å kombinere de riktige attributtene for ditt bruksområde og sørge for at fallback-teksten er meningsfull.

Verktøybeskrivelse

Dette verktøyet genererer en <video>-blokk som er klar til å kopieres, med vanlige attributter som source, poster, dimensjoner, preload-innstilling, autoplay, loop og controls. Det viser også en forhåndsvisning i sanntid i nettleseren.

Det er nyttig når du vil sette sammen videomarkup raskt uten å måtte huske navnet på hvert enkelt attributt.

Eksempler

  • En standard innebygd video med kontroller og et posterbilde
  • En loopet bakgrunnsvideo uten lyd
  • Et responsivt videoelement med egendefinert fallback-tekst

Funksjoner

  • Mange vanlige HTML5-videoattributter samlet på ett sted
  • Redigerbar fallback-tekst for nettlesere som ikke støtter videoelementet
  • Generert HTML og isolert forhåndsvisning side om side

Slik fungerer det

Verktøyet bygger <video>-markupen ut fra alternativene du velger, og gjengir en forhåndsvisning ved å bruke de samme kildeinnstillingene så langt det er mulig. Den genererte koden er ment å kopieres inn på din egen side.

Forhåndsvisningen avhenger fortsatt av at nettleseren kan laste inn medie-URL-en, så om avspillingen lykkes, avhenger av selve kilden.