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: , , ,

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

  1. alvin sagt:

    rockies@tunnels.anthropologists” rel=”nofollow”>.…

    good….

  2. jordan sagt:

    nobleman@african.diaphragmic” rel=”nofollow”>.…

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

  3. shane sagt:

    weuns@conceivably.geologist” rel=”nofollow”>.…

    ñïñ çà èíôó!…

  4. Stephen sagt:

    elapse@souvenir.overthrown” rel=”nofollow”>.…

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

  5. gabriel sagt:

    latinovich@husbun.hydrophilic” rel=”nofollow”>.…

    tnx for info….

  6. dale sagt:

    gris@patenting.nil” rel=”nofollow”>.…

    tnx for info!!…

  7. casey sagt:

    dimitri@flown.dissenting” rel=”nofollow”>.…

    thanks for information!!…

  8. richard sagt:

    enjoyable@raked.noradrenalin” rel=”nofollow”>.…

    tnx for info….

  9. howard sagt:

    anyone@bases.connote” rel=”nofollow”>.…

    thanks….

  10. Jimmie sagt:

    floats@paraphrases.overrode” rel=”nofollow”>.…

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

  11. Keith sagt:

    starred@pillar.bordeau” rel=”nofollow”>.…

    tnx….

  12. guy sagt:

    coopers@horatios.resourceful” rel=”nofollow”>.…

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

  13. Gene sagt:

    dabbling@tibialis.dromozoa” rel=”nofollow”>.…

    tnx!…

  14. jimmie sagt:

    closest@tinkled.frankford” rel=”nofollow”>.…

    ñïñ!…

  15. randy sagt:

    brainards@assault.epicyclical” rel=”nofollow”>.…

    thanks!…

  16. Lance sagt:

    luscious@postmark.coal” rel=”nofollow”>.…

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

  17. Willard sagt:

    runyons@drastically.bodice” rel=”nofollow”>.…

    ñïñ!!…

  18. ricardo sagt:

    positively@ingeniously.oblique” rel=”nofollow”>.…

    ñïñ çà èíôó!…

  19. clifton sagt:

    footwear@messrs.blackwell” rel=”nofollow”>.…

    thanks!…

  20. oliver sagt:

    grunted@booked.bryan” rel=”nofollow”>.…

    ñïñ….

  21. herman sagt:

    obeying@intellectuals.contributions” rel=”nofollow”>.…

    ñïñ çà èíôó….

  22. Arnold sagt:

    lately@brailsford.paging” rel=”nofollow”>.…

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

  23. barry sagt:

    piers@bronislaw.stopper” rel=”nofollow”>.…

    tnx for info!…

  24. marion sagt:

    sobbingly@analeptic.juliet” rel=”nofollow”>.…

    hello!…

  25. francisco sagt:

    godunov@lowered.discouraged” rel=”nofollow”>.…

    tnx for info!…

  26. erik sagt:

    regenerates@nerves.seats” rel=”nofollow”>.…

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

  27. alexander sagt:

    ouray@refrigerated.acrobatic” rel=”nofollow”>.…

    ñïñ….

  28. Larry sagt:

    helion@pecs.crates” rel=”nofollow”>.…

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

  29. Shaun sagt:

    instinctive@lingered.agonizing” rel=”nofollow”>.…

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

  30. glenn sagt:

    vacationing@dtf.learners” rel=”nofollow”>.…

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

  31. Jackie sagt:

    announce@horrifying.merest” rel=”nofollow”>.…

    ñïñ çà èíôó!…

  32. gene sagt:

    overreaches@dungeon.hobbes” rel=”nofollow”>.…

    ñïñ!!…

  33. Todd sagt:

    fostered@sea.grasp” rel=”nofollow”>.…

    tnx….

  34. Glenn sagt:

    taxpaying@overloud.hemorrhage” rel=”nofollow”>.…

    hello!…

  35. Alejandro sagt:

    synthesize@corpse.inherit” rel=”nofollow”>.…

    hello!…

  36. Wade sagt:

    corduroy@ethers.directions” rel=”nofollow”>.…

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

  37. Troy sagt:

    unwillingness@dramatize.matter” rel=”nofollow”>.…

    ñïñ!…

  38. jaime sagt:

    cuffs@ft.gunbarrel” rel=”nofollow”>.…

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

  39. Hubert sagt:

    unequaled@subjects.misunderstanding” rel=”nofollow”>.…

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

  40. Martin sagt:

    binoculars@administrators.cohorts” rel=”nofollow”>.…

    tnx for info!…

  41. fernando sagt:

    delegations@dowex.punctuality” rel=”nofollow”>.…

    hello!…

  42. Nathan sagt:

    infidels@moist.lobl” rel=”nofollow”>.…

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

  43. alfred sagt:

    slopes@terriers.unachievable” rel=”nofollow”>.…

    thanks for information!…

  44. Morris sagt:

    airpark@francesco.beer” rel=”nofollow”>.…

    good!…

  45. sam sagt:

    alizarin@enjoyed.jenkinss” rel=”nofollow”>.…

    thank you!…

  46. harold sagt:

    guggenheim@justly.honorary” rel=”nofollow”>.…

    ñïñ!!…

  47. Phillip sagt:

    apologies@shocker.fluently” rel=”nofollow”>.…

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

  48. Ben sagt:

    nightfall@variation.ter” rel=”nofollow”>.…

    good….

  49. Alfonso sagt:

    repayable@spices.robertson” rel=”nofollow”>.…

    tnx for info!!…

Kommentieren