强制.webm而不是.mp4

Question

我有一个带.webm，.mp4＆amp;的视频滑块。 .ogv媒体格式。 因为webm的尺寸要小得多，所以如果浏览器/设备可以支持这种格式，我想强制使用.webm。

Answer 1

您可以按照为视频排列源标记的方式指定格式的优先级。如果浏览器支持列出的第一种格式，它将使用它，如果不支持它将继续下一个，依此类推。

示例：

这将首先尝试webm格式，如果浏览器无法播放，则尝试使用theora版本，最后尝试使用mp4（如果不支持则最终返回）（从wikipedia借用） -

<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 to display for user agents that do not
       support the video tag.</p>
</video>