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

Question

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

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

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

Answer 2

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

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

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