Kategorier
Tips og triks

HTML5-video i Firefox 4

Firefox og HTML5-video spiller ikke helt på lag

Har du opplevd at det lokalt på maskinen din fungerer med <video src="foo.webm"></video> i Firefox 4, men ikke på vevtjeneren din, uansett hvor mye du stokker om på koden og legger til <source>-elementer med/uten «type»-attributter? Fiksen kan være alt for enkel.

I konfigurasjonen til enten Apache, vhost-en eller .htaccess-en, kan du legge til at filetternavnene skal knyttes til riktige MIME-typer, dette ved bruk av AddType-direktivet.

Her er hva jeg la til i min .htaccess-fil:

AddType video/ogg .ogv
AddType audio/ogg .oga
AddType application/ogg .ogg
AddType video/webm .webm
AddType video/mp4 .mp4

Selv om <source>-elementene har «type»-attributten, har den tydeligvis ingen mulighet til å overskrive hva vevtjeneren returnerer som MIME-type. Om man sjekker /etc/mime.types og søker opp «webm», får man sannsynligvis ikke noe resultat.

Dette ser også ut til å gjelde videoklipp kodet med Ogg Theora/Vorbis. I Firefox 3.5+, derimot, var dette aldri noe problem.

Oppdatering: serverutgaven av Ubuntu 11.04 har en oppdatert utgave av /etc/mime.types og inneholder alle de tre filformatene.