HTML5-udvikling: Sådan fungerer video og lyd

En serie artikler giver dig overblikket over, hvordan HTML5 fungerer i browserne Chrome, Firefox, Internet Explorer, Opera og Safari. Her handler det om video og audio.

Artikel top billede

Læs også:

Her er de vigtigste funktioner i det nye HTML5

Sådan fungerer canvas-tag'et

Sådan fungerer SVG

Sådan fungerer WebGL

Video-tag'et ser fuldkomment harmløst ud og ligner et img-tag til levende billeder. Enhver kan tilføje video til en side ved at indsætte video-tag'et, uploade den pågældende fil til en webserver og indtaste den rigtige sti i tag'ets source-attribut. Så let er det.

Og så alligevel ikke. Selvom tag'ets format altid er det samme, så varierer filformatet drastisk. Det gjorde måske ikke så meget, hvis bare alle browserne understøttede den samme samling af videofilformater ligesom med GIF-, PNG- og JPG-billedfiler.

Men det er ikke tilfældet. Alle har deres egen idé om, hvilke videoformater er de rigtige, og understøttelsen kan ændre sig fra den ene revision af en browser til den næste.

Mange forskellige video-formater

De mest almindelige formater er Ogg Theora, der er udviklet af open source-organisationen Xiph.org, H.264 fra MPEG-gruppen og VP8, der er skabt af On2, som for nylig blev opkøbt af Google.

Der findes også andre, men de har ikke nær så stor opbakning fra de store browsere. For eksempel viser Apples browser, Safari, hvad som helst der kan afkodes af QuickTime.

Disse tre større formater giver rimeligt sammenlignelige resultater, selvom videospecialister godt kan finde ting at være uenige om. Den største stridighed er et patentspørgsmål og handler især om prisen.

H.264 var tidligere et af de mest almindeligt anvendte formater, men det kræver, at man betaler for patentlicenser fra MPEG LA. En fordel er, at der findes et antal chip, der kan gøre rekonstruktionen af pixels fra den komprimerede MPEG-fil hurtigere. Det kan nedsætte batteriforbruget på håndholdte enheder såsom smartphones.

Risikerer du at blive sagsøgt?

Det er nu tilladt at anvende On2-patenter gratis, hvilket gør dem mere attraktive for alle. På nuværende tidspunkt er der ingen, der offentligt diskuterer patenterne på Ogg Theora-formatet, men den bekymring er blevet luftet, at de patenter, der blev taget for længe siden, på et tidspunkt dukker op igen og giver patentindehaveren ret til at sagsøge alle og enhver, der har brugt formatet lige siden.

Disse patentspørgsmål er ikke særlig vedkommende for små website-designere og filmskabere, da mange værktøjer kommer fra virksomheder, der allerede har betalt licens for at kode og dekode H.264.

Den licens er dog muligvis ikke nok for større fisk, da MPEG LA-gruppen også vil have betaling for broadcasting af video i dette format til store publikum. Hvis man overskrider visse grænser vil man måske og måske ikke være nødt til at købe denne licens.

MPEG LA lover i en pressemeddelelse (PDF) at undlade indtil 2015 at kræve patentroyalties for internetvideo, der er gratis for slutbrugeren. Men hvad sker der så efter 2015? Det er alt sammen temmelig kompliceret. Advokaterne har indtil videre nok at tage sig til.

Findes der en løsning? Ikke nogen let løsning i hvert fald. Mens alle fortsætter med at eksperimentere med alle funktionerne, så er den bedste løsning nok at kode video i flere formater og så anvende et script til at finde ud af hvilken browser, den besøgende anvender.

Indbygget understøttelse af video i aktuelle browsere:
Apple Safari 5.0: Ja
Google Chrome 8.0: Ja
Microsoft IE 8.0/9.0: Nej/Ja
Mozilla Firefox 3.6: Ja
Opera 10.60: Ja

En mere underholdende måde at teste HTML5-video på i sin browser findes i denne oversigt over videoer med animerede InfoWorld-logoer. Hvis du kan se logoet, understøtter din browser det pågældende format.

Audio-tag'et fungerer ligesom video-tag'et, fordi det faktisk hører herunder. Video-tag'et henter både lyd og billede, mens audio-tag'et kun henter lyden. I de fleste tilfælde hører lydsporet under videoformatet. Det populære MP3-format til musik og lyd hører for eksempel under MPEG-standarden til kodning af video.

Indtil videre ser det ud til, at audio-understøttelse i store træk vil afspejle video-understøttelsen. Hvis Firefox fastholder at fremme Ogg Theora-video, så understøtter browseren også audio-formatet Ogg Vorbis, fordi Ogg Vorbis bruges til lyden i Ogg Theora.

Hvis en browser understøtter WebM til video, så vil den utvivlsomt også understøtte WebM til audio. MP3-formatet udgør muligvis den eneste inkonsekvens.

Teknisk set er lydformatet en del af det generelle MPEG-4-videoformat men er nu så almindeligt, at browserne understøtter det uafhængigt. Min seneste version af Google Chrome understøtter MP3 men ikke MPEG-4.

Understøttede video- og audio-formater i browserne:

Formater: H.264/MPEG-4 / Ogg Theora og Ogg Vorbis / VP8

Apple Safari 5.0: Ja / Nej / Nej
Google Chrome 8.0: Ja / Ja / Ja
Microsoft IE 8.0 / 9.0: Nej og Ja / Nej / Nej
Mozilla Firefox 3.6 / 4.0: Nej / Ja / Ja og Nej
Opera 10.60: Nej / Ja / Ja

Læs også:

Her er de vigtigste funktioner i det nye HTML5

Sådan fungerer canvas-tag'et

Sådan fungerer SVG

Sådan fungerer WebGL

Læses lige nu

    Event: Årets CISO 2026

    Sikkerhed | København

    Vi glæder os til at løfte sløret for flere detaljer til denne konference. I mellemtiden kan du tilmelde dig og dermed have tidspunktet reserveret i din kalender.

    22 oktober 2026 | Gratis deltagelse

    Netcompany A/S

    Microsoft Operations Engineer

    Københavnsområdet

    Forsvarsministeriets Materiel- og Indkøbsstyrelse

    Ingeniør til Satellitkommunikation

    Københavnsområdet

    Nextway Software A/S

    Software Architect

    Midtjylland

    Navnenyt fra it-Danmark

    Jakob Dirksen, SVP, Nordic Customer Delivery & Operations hos GlobalConnect, er pr. 1. maj 2026 forfremmet til EVP, Infrastructure Delivery & Operations. Han skal fremover især beskæftige sig med at lede Infrastructure Delivery & Operations, der har til opgave at drive og udvikle fibernetværket på tværs af virksomheden. Forfremmelse

    Jakob Dirksen

    GlobalConnect

    Den danske eID-virksomhed Idura har pr. 1. april 2026 ansat Kari Lehtimäki som Country Manager. Han skal især beskæftige sig med at styrke kendskabet til Iduras løsninger i Finland samt fremme samarbejdet med økosystemet omkring det finske Trust Network. Han kommer fra en stilling som Salgschef hos Telia Finland. Han er uddannet uddannet civilingeniør (M.Sc. Tech.) og medbringer ledelse, markedsindsigt og praktisk erfaring. Han har tidligere beskæftiget sig med salg og forretningsudvikling inden for Telias trust services-forretning. Nyt job

    Kari Lehtimäki

    Den danske eID-virksomhed Idura

    Comsystem A/S har pr. 15. april 2026 ansat Iver Jakobsen som Technical Key Account Manager. Han skal især beskæftige sig med teknisk løsningssalg. Iver Jakobsen har 25 års erfaring fra TelCo-branchen. Han kommer fra en stilling som Key Account Manager hos E.ON Drive ApS. Han har tidligere beskæftiget sig med rådgivning og løsningssalg. Nyt job

    Iver Jakobsen

    Comsystem A/S

    Norriq Danmark A/S har pr. 1. januar 2026 ansat Morten Kronborg som Consultant ERP. Han skal især beskæftige sig med hjælp og rådgivning af kundernes handels-forretningsprocesser indenfor salg og indkøb. Han kommer fra en stilling som Digital Forretningskonsulent hos Gasa Nord Grønt. Han er uddannet speditør og har bevæget sig ind i handelsvirksomheder hvor han endte med ansvar for ERP-løsninger. Han har tidligere beskæftiget sig med at være ansvarlig for implementering og drift af IT-projekter. Nyt job

    Morten Kronborg

    Norriq Danmark A/S