4

我的代码如下所示：

<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 实际上有什么好处吗？

4

2 回答 2

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>
于 2011-06-12T21:49:28.947 回答
2

源元素有一个首选顺序：

  1. mp4 - 如果未首先列出支持的格式，iPad 播放视频时会出现问题。确保 mp4 排在第一位。
  2. webm - webm 比 ogg 质量更高，因此如果按此顺序列出，同时支持两者的浏览器将首先选择 webm。
  3. ogg - 最后列出这个以涵盖不支持 webm（或者，显然是 mp4）的浏览器。

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

于 2011-06-13T03:56:25.077 回答