Bestes Videoformat für HTML5?

Question

Ich habe eine Reihe von Videos bekommt, das auf eine neue Website veröffentlicht werden wird Ich entwickle, unseren neuen html5-Player. Ich weiß nur Firefox unterstützt Ogg-Format, während die meisten anderen (einschließlich eventuell IE9) Unterstützung h264.

Ich bin auf der Suche nach Hahn in die Erfahrung der Menge hier: hat jemand in allen Browsern kein Glück mit einem einzigen Video-Format hat? Oder bin ich doppelt kodieren alles zum Scheitern verurteilt? Es scheint nur eine Schande Raum auf, der zwei Kopien von jedem Video zu verschwenden, weil wir nicht unsere Codecs standardisieren.

Vielen Dank im Voraus!

PS (Flash-Player ist nicht wirklich eine Option als Ausweich, zum Teil grundsätzlich und zum Teil wegen einer ziemlich großen mobilen totzukriegen.)

Answer 1

Aus meiner persönlichen Erfahrung mit HTML5 Video, erstelle ich mp4, ogg und FLV-Datei-Formate, und verwenden Sie die folgende Umsetzung:

<video id="movie" width="" height="" preload controls>
   <source id="srcMp4" src="video.mp4" />
   <source id="srcOgg" src="video.ogg" />
   <object id="flowplayer" name="flowplayer" width="480" height="352" data="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" 
            type="application/x-shockwave-flash">
      <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.5.swf" />
      <param name="allowfullscreen" value="true" />
      <param name="flashvars" 
    value='config={"clip":"http://domain.com/video.flv"}' />
   </object>
</video>

Das MP4-Format wird zunächst vorgesehen, aufgrund eines früheren Fehler in iPad, die nur die erste Quelle sieht aufgeführt.

Wenn der Browser nicht die MP4-Version spielen kann, wird versucht, die Ogg-Version zu laden. Wenn das fehlschlägt, verwendet es Flowplayer (Flash) als Ausweich.

Ich weiß, dass Sie sich für eine Lösung ohne Blitz als Ausweich suchen, aber meiner Meinung nach, sind wir es nur noch nicht. Die Menschen sind laut noch IE6 für crying out!

HTML5 Video ist noch im Entstehen, und bis es in allen Browsern und Plattformen völlig stabil ist, erhalten Sie eine „Abhilfe“ für verschiedene Szenarien zur Verfügung stellen müssen.

Für mobile, vielleicht können Sie den User-Agent erkennen und gehen von dort aus ...

Hope, das hilft

Answer 2

Wahrscheinlich WebM wenn nicht Ogg. WebM-Patente sind im Besitz von Google, sondern haben sich von dem freigelassen worden. Ogg ist wahrscheinlich in Ordnung, aber es gibt Bedenken. H.264 wartet ein Patent Fall passieren.

Answer 3

Wir haben ein etwas ähnliches Problem.

<video id="movie" width="320" height="240" preload controls src="demo.mp4" /> 

Wir verwenden das h.264-Format, die ich schlage vor, Sie sollten auch tun, da Sie eine große mobile totzukriegen (viele iPhones nehme ich an) haben.

Allerdings WebM ist das offene Format für Menschen mit Prinzipien;). Ich kann nur hoffen, MS und Apple es in naher Zukunft unterstützen