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
    Computerworld Events

    Vi samler hvert år mere end 6.000 deltagere på mere end 70 events for it-professionelle.

    Ekspertindsigt – Lyt til førende specialister og virksomheder, der deler viden om den nyeste teknologi og de bedste løsninger.
    Netværk – Mød beslutningstagere, kolleger og samarbejdspartnere på tværs af brancher.
    Praktisk viden – Få konkrete cases, værktøjer og inspiration, som du kan tage direkte med hjem i organisationen.
    Aktuelle tendenser – Bliv opdateret på de vigtigste dagsordener inden for cloud, sikkerhed, data, AI og digital forretning.

    Sikkerhed | Højbjerg, Aarhus

    Cyber Security Summit 2026 - Aarhus

    Lær om organisationers evne til at modstå, håndtere og komme videre efter alvorlige digitale hændelser, herunder ledelsesansvar, forretningskritiske afhængigheder og de valg, der afgør, om plan B holder, når systemer eller leverandører svigter.

    Digital transformation | Aarhus

    AI i det offentlige - Aarhus

    Hør hvordan offentlige AI-løsninger skaleres til stabil drift med reel effekt. Få erfaringer, arkitekturvalg og styringsgreb fra frontløbere. Lær at bygge fælles AI-infrastruktur med ansvarlighed, sikkerhed og compliance.

    Digital transformation | Køge

    Derfor skal du videre fra Dynamics AX – og sådan gør du

    Computerworld giver klar viden om vejen videre fra Dynamics AX. Du ser forskellen mellem AX og moderne cloud-ERP og får et konkret beslutningsgrundlag for næste skridt. Tilmeld dig og få styr på skiftet til Dynamics 365 FO eller BC.

    Se alle vores events inden for it

    Navnenyt fra it-Danmark

    Pinksky ApS har pr. 1. maj 2026 ansat Dan Toft, 29 år,  som Rådgivende konsulent, Partner. Han skal især beskæftige sig med digitalisering med Microsoftplatformen. Han kommer fra en stilling som Microsoft 365 & SharePoint Specialist hos Evobis ApS. Han er uddannet datamatiker. Han har tidligere beskæftiget sig med Microsoft 365 og SharePoint udvikling. Nyt job

    Dan Toft

    Pinksky ApS

    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

    Pinksky har pr. 1. maj 2026 ansat Alexander Skou Henkel, 39 år,  som Rådgivende konsulent. Han skal især beskæftige sig med optimering af forretningsprocesser i Microsoft platformen. Han kommer fra en stilling som IT forretningskonsulent hos Evobis ApS. Han har tidligere beskæftiget sig med forretningsudvikling i Microsoft platformen. Nyt job
    Trafikstyrelsen har pr. 1. maj 2026 ansat Nihad Hodzic som IT og Digitaliseringschef. Han skal især beskæftige sig med med IT-projekter og digital transformation, herunder især det strategiske løft af Trafikstyrelsens digitale niveau. Han kommer fra en stilling som Kontorchef hos Udviklings og Forenklingsstyrelsen. Han er uddannet i statskundskab og har en lederuddannelse fra MIT Sloan, samt en igangværende Master i IT-Ledelse. Han har tidligere beskæftiget sig med IT-udvikling og større projekter på momsområdet, hvor han har ledet et projekt- og udviklingskontor. Nyt job

    Nihad Hodzic

    Trafikstyrelsen