Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Tilføjelse af Videoelement | Arbejde med Medier og Tabeller
Ultimativ HTML

bookTilføjelse af Videoelement

Du kan integrere videofiler på en webside ved hjælp af <video>-elementet. Overvej følgende eksempel:

index.html

index.html

copy

I dette eksempel:

  • <video>-elementet indeholder et <source>-element, som angiver URL og filtype for videofilen. Almindeligt understøttede formater er WebM, MP4 og OGG;
  • controls-attributten viser standard afspilningskontroller;
  • Hvis brugerens browser ikke understøtter videoelementet, vises en alternativ besked.

Almindeligt anvendte attributter for HTML videoelementet inkluderer:

  • autoplay: starter afspilning af videofilen, så snart siden indlæses;
  • loop: får videofilen til at afspille i en kontinuerlig sløjfe;
  • muted: slår lyden fra som standard;
  • volume: angiver standardlydstyrken for lydfilen, fra 0.0 (lydløs) til 1.0 (fuld lydstyrke);
  • poster: angiver URL'en til et billede, der vises som videominiature, før videoen afspilles;
  • width og height: angiver bredden og højden på videospilleren i pixels.

Her er et eksempel, der demonstrerer brugen af alle disse attributter:

index.html

index.html

copy
Note
Bemærk

Derudover findes der mange JavaScript-biblioteker og API'er, som tilbyder ekstra funktionalitet til afspilning og håndtering af videoindhold på internettet.

question mark

Hvilke af følgende er gyldige attributter, du kan bruge med HTML video-elementet?

Select all correct answers

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 6

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

bookTilføjelse af Videoelement

Stryg for at vise menuen

Du kan integrere videofiler på en webside ved hjælp af <video>-elementet. Overvej følgende eksempel:

index.html

index.html

copy

I dette eksempel:

  • <video>-elementet indeholder et <source>-element, som angiver URL og filtype for videofilen. Almindeligt understøttede formater er WebM, MP4 og OGG;
  • controls-attributten viser standard afspilningskontroller;
  • Hvis brugerens browser ikke understøtter videoelementet, vises en alternativ besked.

Almindeligt anvendte attributter for HTML videoelementet inkluderer:

  • autoplay: starter afspilning af videofilen, så snart siden indlæses;
  • loop: får videofilen til at afspille i en kontinuerlig sløjfe;
  • muted: slår lyden fra som standard;
  • volume: angiver standardlydstyrken for lydfilen, fra 0.0 (lydløs) til 1.0 (fuld lydstyrke);
  • poster: angiver URL'en til et billede, der vises som videominiature, før videoen afspilles;
  • width og height: angiver bredden og højden på videospilleren i pixels.

Her er et eksempel, der demonstrerer brugen af alle disse attributter:

index.html

index.html

copy
Note
Bemærk

Derudover findes der mange JavaScript-biblioteker og API'er, som tilbyder ekstra funktionalitet til afspilning og håndtering af videoindhold på internettet.

question mark

Hvilke af følgende er gyldige attributter, du kan bruge med HTML video-elementet?

Select all correct answers

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 6
some-alt