2010-11-29 8 views
20

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

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

Заранее благодарен!

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

+1

К сожалению, в настоящий момент нет единого стандарта; однако WebM (http://webmproject.org) является одним из лучших кандидатов (Firefox 4 уже поддерживает его, а также Opera). Принимая во внимание, что он поддерживается Google, у него есть шанс. – 2010-11-29 23:22:42

+0

Нет, Firefox не единственный, кто поддерживает OGG, и он поддерживается в Chrome и Opera. Только Safari и IE этого не делают. – Rob 2010-11-29 23:37:42

ответ

23

Из моего личного опыта с 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 и идти оттуда ...

Надеется, что это помогает

3

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

+1

Лицензирование H.264 осуществляется посредником MPEG LA Group (http://www.mpegla.com/main/). Они распространили лицензию до конца 2015 года. Вы читаете об этом здесь: http://www.webmonkey.com/2010/08/mpeg-la-extends-web-video-licensing-moratorium-until-the-end -of-time/ – 2010-11-30 00:20:02

+1

Все еще патент обременен и не всегда свободен в использовании. – Rob 2010-11-30 01:16:33

2

У нас есть несколько похожей проблема.

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

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

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