如何向Firefox3.6提供OGG视频，向Firefox4提供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源代码，Firefox4会播放它，但Firefox3.6也会尝试播放它(但失败了，因为它不支持webm)。

相反，如果我首先列出ogg源代码，两个版本都会播放它，所以webm版本是无用的。

有没有办法(不用浏览器嗅探)让Firefox4忽略ogg和/或Firefox3.6忽略webm？

第二个问题-既然ogg在两个版本中都可以工作，那么使用webm实际上有什么好处吗？

Answer 1

火狐3.6应该知道它不能播放你的WebM。尝试在<source>标记上指定codecs：

<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在播放视频时会出现问题。

浏览器将从顶部搜索并加载它们支持的第一个浏览器，但排序确实有其他含义，正如我刚才概述的那样。如果浏览器不支持它，它就会跳过格式。