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

Event: Platform X 2027: Forretning, teknologi og transformation

It-løsninger |

Mød verdens stærkeste og mest effektive platforme der driver den digitale transformation samlet i København - og dyk ned i den nyeste teknologi.

27 maj 2027 | Gratis deltagelse

Navnenyt fra it-Danmark

IFS Danmark A/S har pr. 2. marts 2026 ansat Marlene Gudman som HR Business Partner. Hun skal især beskæftige sig med HR i Danmark og Norden og lede udvalgte internationale HR-projekter. Hun kommer fra en stilling som Nordic Lead HR Business Partner hos Salesforce. Hun har tidligere beskæftiget sig med international HR med fokus på udvikling af og udfordringer i HR ud fra et forretningsperspektiv. Nyt job

Marlene Gudman

IFS Danmark A/S

Elbek & Vejrup A/S har pr. 1. juni 2026 ansat Mikkel Bernt Buchvardt som AI Architect & Product Manager. Han skal især beskæftige sig med udviklingen af AI-Services og AI-Agenter i og omkring Business Central. Han kommer fra en stilling som Lead Data & Analytics hos IBM. Han er uddannet MSc. i softwareudvikling fra ITU. Han har tidligere beskæftiget sig med Data og BI hos KMD og Seges Innovation. Nyt job

Mikkel Bernt Buchvardt

Elbek & Vejrup A/S

Guardsix har pr. 1. april 2026 ansat Annbritt Andersen som Global Chief Revenue Officer (CRO). Hun skal især beskæftige sig med at geare organisationen til en markant skalering i Europa. Hun har tidligere beskæftiget sig med globale kommercielle strategier for nogle af branchens allerstørste spillere, herunder Microsoft. Nyt job
Guardsix har pr. 1. maj 2026 ansat Louise Sara Baunsgaard som Global Marketing & Communications Director. Hun skal især beskæftige sig med at positionere virksomheden som et europæisk alternativ i en tid, hvor cybersikkerhed i høj grad handler om geopolitik. Hun kommer fra en stilling som Co-Founder og CMO hos Get BOB. Hun er uddannet Ba.ling.merc fra CBS og har desuden en Mini MBA i marketing. Hun har tidligere beskæftiget sig med marketing og kommunikation i ledende nordiske roller hos bl.a. Meta og Nets. Nyt job