Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Legge til videoelement | Arbeide med Media og Tabeller
Ultimate HTML

Legge til videoelement

Sveip for å vise menyen

Du kan bygge inn videofiler på en nettside ved å bruke <video>-elementet. Se følgende eksempel:

index.html

index.html

I dette eksempelet:

  • <video>-elementet inneholder et <source>-element, som angir URL og filtype for videofilen. Vanlig støttede formater er WebM, MP4 og OGG;
  • controls-attributtet viser standard avspillingskontroller;
  • Hvis brukerens nettleser ikke støtter videoelementet, vil en reserve­melding vises.

Vanlig brukte attributter for HTML video-elementet inkluderer:

  • autoplay: starter avspilling av videofilen så snart siden lastes inn;
  • loop: gjør at videofilen spilles av i en kontinuerlig sløyfe;
  • muted: demper lyden som standard;
  • volume: angir standard lydnivå for lydfilen, fra 0.0 (stille) til 1.0 (full lyd);
  • poster: angir URL-en til et bilde som vises som videominiatyr før videoen spilles av;
  • width og height: angir bredden og høyden på videospilleren i piksler.

Her er et eksempel som viser bruken av alle disse attributtene:

index.html

index.html

Note
Merk

I tillegg finnes det mange JavaScript-biblioteker og API-er som gir ekstra funksjonalitet for avspilling og manipulering av videoinnhold på nettet.

question mark

Hvilke av følgende er gyldige attributter du kan bruke med HTML video-elementet?

Velg alle riktige svar

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 6

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Legge til videoelement

Du kan bygge inn videofiler på en nettside ved å bruke <video>-elementet. Se følgende eksempel:

index.html

index.html

I dette eksempelet:

  • <video>-elementet inneholder et <source>-element, som angir URL og filtype for videofilen. Vanlig støttede formater er WebM, MP4 og OGG;
  • controls-attributtet viser standard avspillingskontroller;
  • Hvis brukerens nettleser ikke støtter videoelementet, vil en reserve­melding vises.

Vanlig brukte attributter for HTML video-elementet inkluderer:

  • autoplay: starter avspilling av videofilen så snart siden lastes inn;
  • loop: gjør at videofilen spilles av i en kontinuerlig sløyfe;
  • muted: demper lyden som standard;
  • volume: angir standard lydnivå for lydfilen, fra 0.0 (stille) til 1.0 (full lyd);
  • poster: angir URL-en til et bilde som vises som videominiatyr før videoen spilles av;
  • width og height: angir bredden og høyden på videospilleren i piksler.

Her er et eksempel som viser bruken av alle disse attributtene:

index.html

index.html

Note
Merk

I tillegg finnes det mange JavaScript-biblioteker og API-er som gir ekstra funksjonalitet for avspilling og manipulering av videoinnhold på nettet.

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 6
some-alt