Lære Tilføjelse af Videoelement | Arbejde med Medier og Tabeller

Stryg for at vise menuen

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

index.html

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

Bemærk

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

Var alt klart?

Tak for dine kommentarer!

Sektion 4. Kapitel 6

Spørg AI

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

Sektion 4. Kapitel 6