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>