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 the correct answer

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

Suggested prompts:

Can you show me the example with all these attributes included?

What does the fallback message look like in practice?

Can you explain more about the `poster` attribute and how to use it?

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 the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 6
some-alt