Лучший видеоформат для HTML5?

У меня есть набор видеороликов, которые будут размещены на новом сайте, который я разрабатываю, используя наш новый плеер html5. Я знаю, что Firefox поддерживает только формат .ogg, тогда как большинство других (включая в конечном итоге IE9) поддерживают h264.

Я хочу использовать опыт толпы здесь: кому-нибудь повезло с одним видеоформатом в браузерах? Или я обречен на двойное кодирование всего? Просто стыдно тратить пространство на две копии каждого видео, потому что мы не можем стандартизировать наши кодеки.

Спасибо заранее!

PS (Flash-плеер на самом деле не вариант как откат, частично по принципу, а отчасти из-за довольно большой мобильной пользовательской базы.)

Ответ 1

Из моего личного опыта с HTML5 Video я создаю форматы mp4, ogg и flv и использую следующую реализацию:

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

Формат MP4 предоставляется в первую очередь из-за предыдущей ошибки в iPad, которая видит только первый источник.

Если браузер не может воспроизвести версию MP4, он пытается загрузить версию Ogg. Если это не удается, в качестве резервной копии используется Flowplayer (flash).

Я знаю, что вы ищете решение без вспышки, как резерв, но, на мой взгляд, мы просто еще нет. Люди все еще используют IE6 для громкого крика!

HTML5 Видео все еще находится в процессе создания, и пока оно не будет полностью стабильным во всех браузерах и платформах, вам необходимо предоставить "обходной путь" для разных сценариев.

Для мобильных устройств, возможно, вы можете обнаружить User-Agent и перейти оттуда...

Надеюсь, что это поможет

Ответ 2

Возможно, WebM, если не Ogg. Патенты WebM принадлежат Google, но были освобождены от этого. Ogg, вероятно, хорошо, но есть опасения. H.264 - это патентная ловушка, ожидающая своего появления.

Ответ 3

Мы имеем несколько схожую проблему.

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

Мы используем формат h.264, который я предлагаю вам делать, так как у вас большая мобильная пользовательская база (много iPhone, я полагаю).

Однако WebM - это открытый формат для людей с принципами;) Я могу только надеяться, что MS и Apple поддержат его в ближайшем будущем.