Lydinnbygging

Du kan bruke <audio>-elementet for å inkludere lydfiler på en nettside. La oss se på et eksempel:

I dette eksempelet:

• <audio>-elementet inneholder et <source>-element, som spesifiserer URL og filtype for lydfilen. Vanlig støttede formater er MP3 og OGG;

• controls-attributtet viser standard avspillingskontroller som spill, pause og volum;

• Hvis brukerens nettleser ikke støtter lyd-elementet, vil en reservebeskjed bli vist.

Ytterligere attributter som ofte brukes med HTML-lyd-elementet inkluderer:

• autoplay: starter avspilling av lydfilen så snart siden lastes;

• loop: får lydfilen til å spille kontinuerlig i loop;

• muted: demper lyden som standard;

• volume: angir standard volumnivå for lydfilen, fra 0.0 (stille) til 1.0 (fullt volum).

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

Video-innbygging

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

I dette eksempelet:

• <video>-elementet inneholder et <source>-element, som spesifiserer 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 reservebeskjed bli vist.

Vanlig brukte attributter for HTML videoelementet inkluderer:

• autoplay: starter avspillingen av videofilen så snart siden lastes inn;

• loop: får videofilen til å spille kontinuerlig i en sløyfe;

• muted: demper lyden som standard;

• volume: angir standard volumnivå for lydfilen, fra 0.0 (stille) til 1.0 (fullt volum);

• 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 demonstrerer bruken av alle disse attributtene:

Merk

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