如何将Firefox 3.6和WEBM视频的OGG视频提供给Firefox 4?

时间:2011-06-10 23:54:50

标签: html5 video html5-video 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实际上有什么好处吗?

2 个答案:

答案 0 :(得分:4)

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>

答案 1 :(得分:2)

源元素有一个首选顺序:

  1. mp4 - 如果首先未列出支持的格式,则iPad会播放视频。确保mp4是第一位的。
  2. webm - webm的质量高于ogg,因此支持这两者的浏览器如果按此顺序列出,将首先选择webm。
  3. ogg - 列出最后一个,以涵盖不支持webm(或显然,mp4)的浏览器。
  4. 浏览器将从顶部搜索并加载他们支持的第一个,但排序确实有其他影响,正如我刚才所述。如果浏览器不支持它,它只是跳过格式。