Innebygging av Lyd og Video for Rikt Medieinnhold
Lydinnbygging
Du kan bruke <audio>
-elementet for å inkludere lydfiler på en nettside. La oss se på et eksempel:
index.html
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:
index.html
Video-innbygging
Du kan bygge inn videofiler på en nettside ved å bruke <video>
-elementet. Vurder følgende eksempel:
index.html
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
ogheight
: angir bredden og høyden på videospilleren i piksler.
Her er et eksempel som demonstrerer bruken av alle disse attributtene:
index.html
Merk
I tillegg finnes det mange JavaScript-biblioteker og API-er tilgjengelig som gir ekstra funksjonalitet for avspilling og manipulering av videoinnhold på nettet.
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Awesome!
Completion rate improved to 2.56
Innebygging av Lyd og Video for Rikt Medieinnhold
Sveip for å vise menyen
Lydinnbygging
Du kan bruke <audio>
-elementet for å inkludere lydfiler på en nettside. La oss se på et eksempel:
index.html
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:
index.html
Video-innbygging
Du kan bygge inn videofiler på en nettside ved å bruke <video>
-elementet. Vurder følgende eksempel:
index.html
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
ogheight
: angir bredden og høyden på videospilleren i piksler.
Her er et eksempel som demonstrerer bruken av alle disse attributtene:
index.html
Merk
I tillegg finnes det mange JavaScript-biblioteker og API-er tilgjengelig som gir ekstra funksjonalitet for avspilling og manipulering av videoinnhold på nettet.
Takk for tilbakemeldingene dine!