强制使用 .webm 而不是 .mp4

Question

我有一个 .webm、.mp4 和 .ogv 媒体格式的视频滑块。由于 webm 的尺寸要小得多，如果 browser/device 可以支持该格式，我想强制使用 .webm。

Answer 1

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

示例：

这将首先尝试 webm 格式，如果浏览器无法播放，则尝试 theora 版本，如果这也不起作用，最后尝试 mp4（如果支持 none，则最后回退）（借用 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>

强制使用 .webm 而不是 .mp4

Force .webm instead of .mp4

html5-video

mp4

webm