<video>
Siden er opdateret 16. 7. 2012
Nyt i HTML 5
<video> bruges til at afspille video (og lyd) på en hjemmeside uden brug af browserplugins.
De 3 primært understøttede videoformater :
- MPEG-4 (H.264 video + AAC lyd)
- OGG (Theora video + Vorbis lyd)
- WebM (VP8 video + Vorbis lyd)
<video> kodeeksempel med ét videoformat :
Denne tekst vises hvis browseren ikke understøtter elementet.
</video>
Eksempel (ogv) © copyright 2008, Blender Foundation / www.bigbuckbunny.org:
Eksempel (webm) © copyright 2008, Blender Foundation / www.bigbuckbunny.org:
Eksempel (mp4) © copyright 2008, Blender Foundation / www.bigbuckbunny.org:
- <video> attributter :
- src
- Sti til videofil
- For eksempel:
- videofil.ogv
- videofil.webm
- videofil.mp4
- width
- Videoens original bredde i pixels
- height
- Videoens original højde i pixels
- controls
- Viser play/pause knap, processbar og volume nederst på videoen
- For eksempel:
- [ingen værdi]
- controls
- autoplay
- Starter automatisk afspilningen
- For eksempel:
- [ingen værdi]
- autoplay
- loop
- Når afspilningen er slut starter den forfra
- For eksempel:
- [ingen værdi]
- loop
- preload
- Angiver om dele af filen skal hentes inden afspilningen starter
- For eksempel:
- auto - browseren bestemmer (hvilket kan betyde at noget af filen hentes inden afspilningen starter)
- metadata - henter oplysninger om varighed og ligende men ikke selve video og lyddataen
- none - henter intet af filen hvis ikke afspilningen startes
Forskellige browsere understøtter forskellige videoformater.
For at videoen kan afspilles i mange forskellige browsere er det nødvendigt at encode sine videofiler i mere end et format.
<video> kodeeksempel med flere videoformater :
<source src="videofil.ogv" type="video/ogg" />
<source src="videofil.webm" type="video/webm" />
<source src="videofil.mp4" type="video/mp4" />
Denne tekst vises hvis browseren ikke understøtter elementet eller ingen af formaterne.
</video>
Eksempel (ogv, webm og mp4) © copyright 2008, Blender Foundation / www.bigbuckbunny.org:
- <source> attributter:
- src
- Sti til videofil
- For eksempel:
- videofil.ogv
- videofil.webm
- videofil.mp4
- type
- Filens MIME type og eventuelt også video encoding og lyd encoding
- Bruges til at fastslå om browseren er istand til at afspille filen, uden browseren behøver downloade noget af filen først.
- For eksempel:
- type="video/ogg;"
- type="video/ogg; codecs='theora, vorbis'"
<video> bruger samme attributter som <audio> borset fra width, height og poster som kun findes til <video>.
