Как подать OGG-видео в Firefox 3.6 и WEBM-видео в Firefox 4?

#html #video #html5-video #ogg #webm

#HTML #Видео #html5-видео #ogg #webm

Вопрос:

Мой код выглядит следующим образом:

 <video>
<source src="movie.webm" type="video/webm" />   
<source src="movie.ogv" type="video/ogg" />
</video>
  

или вот так:

 <video>
<source src="movie.ogv" type="video/ogg" />
<source src="movie.webm" type="video/webm" />   
</video>
  

Если я сначала укажу исходный код webm, Firefox 4 воспроизведет его, но Firefox 3.6 также попытается воспроизвести его (и потерпит неудачу, потому что он не поддерживает webm).

Если вместо этого я сначала укажу исходный код ogg, обе версии будут воспроизводить его, поэтому версия webm бесполезна.

Есть ли способ (без прослушивания браузером) заставить Firefox 4 игнорировать ogg и / или Firefox 3.6 игнорировать webm?

Дополнительный вопрос — поскольку ogg работает в обеих версиях, есть ли на самом деле какие-либо преимущества в использовании webm?

Комментарии:

1. webm предназначен для IE9, это еще один формат.

2. просто идея: помогает ли type =’video / webm; codecs =»vp8, vorbis»? что касается вашего вторичного вопроса: есть преимущество: файлы webm меньше при том же качестве.

3. webm работает только в IE9 с плагином. IE9 поддерживает mp4 изначально.

4. Webm и mp4 теперь охватывают все в Интернете. К сожалению, ogv проигрывает, поскольку два других охватывают вещи лучше. Как только доля рынка ff3.6 упадет, он вам действительно больше не понадобится. В настоящее время в мире этот показатель составляет 9%. gs.statcounter.com/#browser_version-ww-monthly-201104-201106 Это хороший источник о том, что поддерживается what: diveintohtml5.org/video.html#what-works . Я надеюсь, что webm останется открытым, и Google не попытается монетизировать его, как только они выйдут на рынок. Тогда нам снова понадобится ogv!

Ответ №1:

Firefox 3.6 должен знать, что он не может воспроизводить ваш WebM. попробуйте указать codecs в своих <source> тегах:

 <video poster="movie.jpg" controls>
        <source src='movie.webm' type='video/webm; codecs="vp8.0, vorbis"'>
        <source src='movie.ogv' type='video/ogg; codecs="theora, vorbis"'>
        <source src='movie.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'>
        <p>This is fallback content</p>
</video>
  

Ответ №2:

Существует предпочтительный порядок расположения исходных элементов:

  1. на mp4 — iPad возникает проблема с воспроизведением видео, если его поддерживаемый формат не указан первым. Убедитесь, что на первом месте стоит mp4.
  2. webm — качество webm выше, чем у ogg, поэтому браузеры, которые поддерживают оба, выберут webm первым, если перечислены в этом порядке.
  3. ogg — перечислите это последним, чтобы охватить браузеры, которые не поддерживают webm (или, очевидно, mp4).

Браузеры будут выполнять поиск сверху и загружать первый, который они поддерживают, но упорядочивание имеет другие последствия, о которых я только что рассказал. Если браузер не поддерживает это, он просто пропускает формат.