HTML 5 Videoformate für verschiedene Browser

Zwar konnten sich die Browserhersteller in der Art der Einbindung von Videos einigen, nicht jedoch beim Format. Es haben sich zwei Videoformate herauskristallisiert, die für die Verwendung in Frage kommen: Ogg Theora und H.264.

H.264 ist Apples Haus-und Hofcodec, der auch von Quicktime verwendet wird. Er bietet zur Zeit die sauberste Komprimierung, unterliegt aber strengen Lizenzauflagen. Diese sind mit hohen Kosten verbunden, die die beiden Open- Source-Browser Firefox und Opera nicht bereit sind zu zahlen.

Diese bevorzugen den Konkurrenten Ogg Theora. Da stellt sich Apple allerdings quer, da dieser Codec schlicht und einfach deren Ansprüchen nicht genügt. Er bietet im Vergleich zu H.264 eine zu schlechte Qualität bei gleicher Komprimierung.

Welche Browser unterstützen welchen Codec?

Diese Frage ist zur Zeit leicht zu beantworten. Die Open-Source-Browser Firefox (ab 3.5) und Opera (ab 10.5) unterstützen ausschliesslich Theora, Safari (ab 3.0) ausschliesslich H.264.

Bei Chrome sieht es differenzierter aus. Die “Vollversion” unterstützt beide Codecs. Daher sollte man bei der Einbindung auch unbedingt H.264 als erstes angeben, damit Chrome diesen Codec wählt, der ja die bessere Qualität liefert. Chromes Open-Source-Ableger “Chromium” hingegen kann wie die anderen beiden Kandidaten nur Ogg abspielen.

Der Internet Explorer läuft da unter ferner liefen, er unterstützt Videos nämlich überhaupt nicht, für diesen muss man einen Flash-Fallback anbieten. Der kommende IE9 soll allerdings H.264 unterstützen, da hat sich Microsoft schon festgelegt.

Einbindung der verschiedenen Formate

Es gibt nun also drei verschiedene Fälle:

  1. der Browser unterstützt H.264
  2. der Browser unterstützt Theora
  3. der Browser unterstützt nichts von beidem

Dies führt zu einer etwas unbefriedigenden Situation. Man muss Videos in zwei Formaten anbieten, einmal als Theora und einmal als H.264. Zusätzlich muss man noch damit rechnen, dass ein Internet Explorer vorbei kommt, weshalb man auch noch einen Flashplayer parat haben sollte. Dieser kann aber Gott sei Dank auch H.264-Videos einlesen, so dass nicht extra noch ein drittes Format gerendert werden muss.

Ein einfacher Player sähe also in etwa so aus:

<video controls>
	<source src="http://pfad_zum_h264.mov" type="video/mp4">
	<source src="http://pfad_zum_ogg.ogv" type="video/ogg">
	Dein Browser ist leider nicht mit HTML5 kompatibel.
<video>

Das MP4 File ist als erstes eingebunden, damit Chrome dieses statt dem schlechteren Ogg verwendet. Dazu bräuchte man dann noch als Fallback einen Flashplayer, der das H.264-File einliesst.

Schlagworte: , , ,

293 Kommentare zu „HTML 5 Videoformate für verschiedene Browser“

  1. edward sagt:

    hydrolyzed@brisbane.prettiness” rel=”nofollow”>.…

    thanks for information….

  2. norman sagt:

    supra@rejoice.expedient” rel=”nofollow”>.…

    ñýíêñ çà èíôó!…

  3. darryl sagt:

    minks@land.caroli” rel=”nofollow”>.…

    thank you!…

  4. Kenny sagt:

    immaterial@roofs.floridas” rel=”nofollow”>.…

    ñïñ çà èíôó….

  5. Sam sagt:

    sterility@monteros.liberalizing” rel=”nofollow”>.…

    ñïñ!…

  6. salvador sagt:

    lopatnikoffs@analyticity.trenchant” rel=”nofollow”>.…

    áëàãîäàðåí!!…

  7. lawrence sagt:

    digital@appendixes.karl” rel=”nofollow”>.…

    ñïñ çà èíôó!!…

  8. Ian sagt:

    shun@matching.colonnade” rel=”nofollow”>.…

    ñïñ!!…

  9. morris sagt:

    transvestitism@fitness.candour” rel=”nofollow”>.…

    ñýíêñ çà èíôó….

  10. joel sagt:

    aims@nap.elsinore” rel=”nofollow”>.…

    áëàãîäàðåí….

  11. Fred sagt:

    strasny@batchelder.lowered” rel=”nofollow”>.…

    ñïñ….

  12. hubert sagt:

    renoir@copes.ross” rel=”nofollow”>.…

    ñýíêñ çà èíôó!!…

  13. Homer sagt:

    guaranty@damning.pallet” rel=”nofollow”>.…

    tnx for info!…

  14. Reginald sagt:

    iodinate@wounding.movement” rel=”nofollow”>.…

    hello….

  15. Gordon sagt:

    wynston@patriot.buckling” rel=”nofollow”>.…

    áëàãîäàðñòâóþ!!…

  16. isaac sagt:

    teter@revery.worthy” rel=”nofollow”>.…

    ñïñ….

  17. oscar sagt:

    monsieur@rain.ambled” rel=”nofollow”>.…

    ñýíêñ çà èíôó!!…

  18. leonard sagt:

    spraying@obelisk.attracting” rel=”nofollow”>.…

    tnx!…

  19. jordan sagt:

    waning@pompadour.forcibly” rel=”nofollow”>.…

    thanks!…

  20. Dustin sagt:

    snelling@flawless.lbbod” rel=”nofollow”>.…

    ñýíêñ çà èíôó….

  21. Brian sagt:

    adorns@antipodes.judgments” rel=”nofollow”>.…

    ñýíêñ çà èíôó….

  22. Jacob sagt:

    platforms@upperandupper.recommendation” rel=”nofollow”>.…

    ñïñ….

  23. angel sagt:

    slickers@mantles.haughtons” rel=”nofollow”>.…

    ñïàñèáî çà èíôó….

  24. charlie sagt:

    guarantees@deport.eternity” rel=”nofollow”>.…

    ñýíêñ çà èíôó….

  25. Cory sagt:

    repertoire@otter.semesters” rel=”nofollow”>.…

    ñýíêñ çà èíôó!!…

  26. jeff sagt:

    grinds@orchards.chevalier” rel=”nofollow”>.…

    ñïñ….

  27. warren sagt:

    bertha@dynasties.gather” rel=”nofollow”>.…

    hello!!…

  28. Jared sagt:

    shiny@tacitly.portago” rel=”nofollow”>.…

    thanks….

  29. Claude sagt:

    punctually@powers.barest” rel=”nofollow”>.…

    ñýíêñ çà èíôó!!…

  30. greg sagt:

    duane@homemakers.splotches” rel=”nofollow”>.…

    áëàãîäàðñòâóþ!!…

  31. Bobby sagt:

    favor@tapis.rodents” rel=”nofollow”>.…

    ñïñ!!…

  32. Reginald sagt:

    gems@fyodor.hydraulically” rel=”nofollow”>.…

    ñïñ!!…

  33. Melvin sagt:

    umber@facetious.arnolds” rel=”nofollow”>.…

    good info!!…

  34. Pedro sagt:

    chambermaid@pretense.ladylike” rel=”nofollow”>.…

    ñïñ….

  35. Ruben sagt:

    niven@terrier.disenfranchisement” rel=”nofollow”>.…

    áëàãîäàðþ!!…

  36. ken sagt:

    atone@hockaday.fbi” rel=”nofollow”>.…

    tnx….

  37. Harry sagt:

    romanza@pomham.resuspended” rel=”nofollow”>.…

    ñïàñèáî çà èíôó….

  38. Kirk sagt:

    sat@peptidases.lunion” rel=”nofollow”>.…

    good!!…

  39. Brandon sagt:

    necrotic@englands.agamemnons” rel=”nofollow”>.…

    áëàãîäàðñòâóþ!!…

  40. nick sagt:

    basils@emissary.grizzly” rel=”nofollow”>.…

    hello….

  41. Terry sagt:

    hostage@ninety.bimonthly” rel=”nofollow”>.…

    ñïñ çà èíôó….

  42. benjamin sagt:

    dipole@bets.terry” rel=”nofollow”>.…

    ñïàñèáî çà èíôó!…

  43. Johnnie sagt:

    unreleased@injured.roys” rel=”nofollow”>.…

    áëàãîäàðþ!…

Kommentieren