HTML5視頻標記與fallback

Question

我正在尋找一種解決方案，用於在html中嵌入視頻和音頻。新的視頻標籤支持.ogg和.mp4，但是有.flv和其他格式的後備解決方案嗎？
例如，如果我想嵌入.ogg，它會檢查html5是否受支持，如果不支持，則使用回退。如果我想嵌入一個.flv就是使用後備。

Answer 1

如果瀏覽器無法解析視頻標籤，則html5標籤支持回退到任何元素。這裏是一個快速回退flash文件的例子。

<video controls width="500"> 
    <!-- if Firefox --> 
    <source src="video.ogg" type="video/ogg" /> 
    <!-- if Safari/Chrome--> 
    <source src="video.mp4" type="video/mp4" /> 

    <!-- If the browser doesn't understand the <video> element, then reference a Flash file. --> 
    <embed src="your_flash_file" type="application/x-shockwave-flash" width="1024" height="798" allowscriptaccess="always" allowfullscreen="true"></embed> 
</video> 

，而不是嵌入標記，你可以採取任何HTML元素的指標（如一個跨度文字「您的瀏覽器無法解釋HTML5。」或者你想要的圖片或任何東西）。基本上，html5瀏覽器採用它們可以播放的視頻源，而非html5瀏覽器忽略視頻和源標籤，並在最後採用falback元素。