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.

    It-løsninger | Online

    Kod smartere med GitHub Copilot

    Få styr på GitHub Copilot og skriv bedre kode hurtigere. Se hvordan Copilot løser opgaver, sparrer på fejl og løfter komplekse workflows. Oplev live demo og lær hvordan du kommer i gang med licenser og opsætning.

    Sikkerhed | København

    Cyber Threats

    Få teknisk indsigt og konkrete løsninger til at modstå moderne cyberangreb. Lær af fejl, stop angreb i tide og byg systemer med ægte resiliens. Fokus på lavniveau-detektion, netværksovervågning og hurtig gendannelse. Deltag i Cyber Threats fra...

    It-løsninger | København V

    Platform X 2026: Forretning, teknologi og transformation

    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.

    Se alle vores events inden for it

    Forsvarsministeriets Materiel- og Indkøbsstyrelse

    Nye kolleger søges til IT Stab i Forsvaret

    Midtjylland

    Jet Time A/S

    Dataanalytiker (Data Analyst)

    Københavnsområdet

    Forsvarsministeriets Materiel- og Indkøbsstyrelse

    Bliv IT-overvågningsspecialist i Forsvarsministeriets IT-organisation, Cyberdivisionen i Hvidovre

    Københavnsområdet

    Navnenyt fra it-Danmark

    Netip A/S har pr. 1. april 2026 ansat Claus Berg som Account Manager ved netIP's kontor i Esbjerg. Han kommer fra en stilling som Client Manager hos itm8. Nyt job

    Claus Berg

    Netip A/S

    Alexander Hoffmann, SVP, Technology & IT hos GlobalConnect, er pr. 1. maj 2026 forfremmet til EVP, Tech, IT & Security. Han skal fremover især beskæftige sig med at lede den fortsatte udvikling af en mere integreret og software-drevet infrastrukturplatform. Forfremmelse

    Alexander Hoffmann

    GlobalConnect

    SAP SuccessFactors Partner Pentos har pr. 1. marts 2026 ansat Plamena Cherneva som Seniorkonsulent indenfor SuccessFactors HCM. Hun skal især beskæftige sig med konfiguration og opsætning af SuccessFactors suiten, samt udvikle smarte løsninger til mellemstore danske virksomheder. Hun kommer fra en stilling som løsningsarkitekt indenfor HR IT hos LEO Pharma. Hun har tidligere beskæftiget sig med HR procesdesign, stamdata og onboarding. Nyt job

    Plamena Cherneva

    SAP SuccessFactors Partner Pentos

    55,7° North (a Beautiful Things company) har pr. 2. februar 2026 ansat Philip Jacobi Zahle, 53 år,  som Partner & CSMO. Han skal især beskæftige sig med Ansvar for Salg, Marketing og Brandudvikling i Norden, som han tidligere har gjort med GoPro, Skullcandy og Insta360 m.fl. Han kommer fra en stilling som Marketing & Branding Manager hos Boston Group A/S. Han har tidligere beskæftiget sig med distribution og brand building gennem 26 år og er kendt fra mærker som GoPro, Skullcandy og Insta360. Nyt job

    Philip Jacobi Zahle

    55,7° North (a Beautiful Things company)