Force .webm而不是.mp4

Question

我有一个带有.webm，.mp4 & .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>