我的代码如下所示:
<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实际上有什么好处吗?
答案 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)
源元素有一个首选顺序:
浏览器将从顶部搜索并加载他们支持的第一个,但排序确实有其他影响,正如我刚才所述。如果浏览器不支持它,它只是跳过格式。