Indlejring af Lyd og Video til Rigt Medieindhold

Indlejring af lyd

Du kan bruge <audio> elementet til at inkludere lydfiler på en webside. Lad os overveje et eksempel:

I dette eksempel:

• <audio> elementet indeholder et <source> element, som specificerer URL'en og filtypen for lydfilen. Almindeligt understøttede formater er MP3 og OGG;

• controls attributten viser standard afspilningskontroller såsom afspil, pause og lydstyrke;

• Hvis brugerens browser ikke understøtter lydelementet, vil en fallback-besked blive vist.

Yderligere attributter, der ofte bruges med HTML-lyd-elementet, inkluderer:

• autoplay: starter afspilning af lydfilen, så snart siden indlæses;

• loop: får lydfilen til at gentage kontinuerligt;

• muted: dæmper lyden som standard;

• volume: angiver standard lydstyrkeniveauet for lydfilen, der spænder fra 0.0 (lydløs) til 1.0 (fuld lydstyrke).

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

Videoindlejring

Du kan indlejre videofiler på en webside ved at bruge <video> elementet. Overvej følgende eksempel:

I dette eksempel:

• <video> elementet indeholder et <source> element, som specificerer URL'en og filtypen for videofilen. Almindeligt understøttede formater er WebM, MP4 og OGG;

• controls attributten viser standard afspilningskontroller;

• Hvis brugerens browser ikke understøtter videoelementet, vil en fallback-besked blive vist.

Almindeligt anvendte attributter for HTML videoelementet inkluderer:

• autoplay: starter afspilning af videofilen, så snart siden indlæses;

• loop: får videofilen til at gentage kontinuerligt;

• muted: dæmper lyden som standard;

• volume: angiver standard lydstyrkeniveauet for lydfilen, der spænder fra 0.0 (lydløs) til 1.0 (fuld lydstyrke);

• poster: angiver URL'en til et billede, der skal vises som videoens miniaturebillede, før videoen afspilles;

• width og height: angiver bredden og højden af videospilleren i pixels.

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

Bemærk

Derudover er der mange JavaScript-biblioteker og API'er tilgængelige, der giver ekstra funktionalitet til afspilning og manipulation af videoindhold på nettet.