html - 如何向 Firefox 3.6 提供 OGG 视频和向 Firefox 4 提供 WEBM 视频？

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>