强制.webm而不是.mp4

Question

我有一个带有.webm、.mp4和.ogv媒体格式的视频滑块。由于webm的大小要小得多，如果浏览器/设备能够支持这种格式，我想强制使用.webm。

Answer 1

您可以通过安排视频源标记的方式来指定格式的优先级。如果浏览器支持列出的第一种格式，它将使用该格式，如果不支持，它将继续到下一种格式，以此类推。

示例：

这将首先尝试webm格式，如果浏览器不能播放theora版本，则尝试theora版本，最后是mp4 (如果这也不起作用的话)(如果不支持，则最后是退步)(从维基百科借用)-

<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>