Mejor formato de vídeo para HTML5?

Question

Tengo un conjunto de videos que van a ser publicados en un nuevo sitio que estoy desarrollando, utilizando nuestro nuevo reproductor HTML5. Sé Firefox único formato .ogg apoyos, mientras que la mayoría de los otros (incluyendo el tiempo IE9) h264 apoyo.

Estoy buscando para aprovechar la experiencia de la multitud aquí: ¿alguien ha tenido un poco de suerte con un único formato de vídeo a través de los navegadores? O estoy condenado a doble codificar todo? Sólo parece una lástima desperdiciar espacio en tener dos copias de cada vídeo, porque no podemos estandarizar nuestros códecs.

Gracias de antemano!

PS (reproductor Flash no es realmente una opción como punto de retorno, en parte, en principio y en parte debido a una gran base de usuarios móviles en lugar.)

Answer 1

A partir de mi experiencia personal con vídeo HTML5, creo mp4, ogg, y los formatos de archivo de vídeo, y el uso de la siguiente implementación:

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

El formato MP4 se proporciona en primer lugar, debido a un fallo anterior en el iPad que sólo ve la primera fuente de la lista.

Si el navegador no puede reproducir la versión MP4, intenta cargar la versión Ogg. Si eso no funciona, utiliza Flowplayer (flash) como punto de retorno.

Yo sé que usted está buscando una solución sin flash como punto de retorno, pero en mi opinión, simplemente no estamos allí todavía. La gente sigue utilizando IE6 para ponerse a gritar!

HTML5 vídeo está todavía en ciernes, y hasta que sea completamente estable en todos los navegadores y plataformas, necesitará proporcionar una "solución" para diferentes escenarios.

Para móvil, tal vez usted puede detectar el User-Agent e ir de allí ...

Espero que esto ayude

Answer 2

Probablemente WebM si no Ogg. las patentes de WebM son propiedad de Google, pero han sido liberados de eso. Ogg es probablemente bien, pero hay preocupaciones. H.264 es una trampa de la patente a punto de ocurrir.

Answer 3

Tenemos un problema algo similar.

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

utilizar el formato H.264, lo que le sugiero que debe hacer, así, ya que tiene una gran base de usuarios móviles (un montón de iPhones supongo).

Sin embargo, WebM es el formato abierto para las personas con principios;.) Sólo puedo esperar MS y Apple lo apoyarán en un futuro próximo