如果瀏覽器同時支持html5視頻和flash回退加載

我正在使用Flash後備（如果它不支持html5）在我的項目上進行Html5視頻播放。但是，如果瀏覽器支持兩者，則兩個玩家都會加載。幫我。如果瀏覽器同時支持html5視頻和flash回退加載

<video controls="controls" preload="auto" poster="image.url" > 
    <source src="video.url" type="video/ogg" /> 
    <source src="video.url" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'/> 
</video> 
<object type="application/x-shockwave-flash" data="flowplayer-3.1.1.swf"> 
    <param name="movie" value="flowplayer-3.1.1.swf" /> 
    <param name="allowFullScreen" value="true" /> 
    <param name="wmode" value="transparent" /> 
    <param name="flashVars" value="config={'playlist':['image.url', 
     {'url':'video.url','autoPlay':false}]}" /> 
    <img alt="Image" src="" width="191px" height="256px" 
     title="No video playback capabilities, please download the video below" /> 
</object>

來源

2012-01-06 FreshBits

好的。代碼的樣子是什麼？ – iND 2012-01-06 05:54:20

僅需將<object>的<video>標籤內，使其與源標籤兄弟姐妹。如果瀏覽器不支持<video>，則會呈現內部內容，類似於<noscript>（如果腳本已關閉）。

<video controls="controls" preload="auto" poster="image.url" > 

    <source src="video.url" type="video/ogg" /> 
    <source src="video.url" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'/> 

    <object type="application/x-shockwave-flash" data="flowplayer-3.1.1.swf"> 
     <param name="movie" value="flowplayer-3.1.1.swf" /> 
     <param name="allowFullScreen" value="true" /> 
     <param name="wmode" value="transparent" /> 
     <param name="flashVars" value="config={'playlist':['image.url',{'url':'video.url','autoPlay':false}]}" /> 
     <img alt="Image" src="" width="191px" height="256px" title="No video playback capabilities, please download the video below" /> 
    </object> 

</video>

來源

2012-01-06 06:15:07 Joseph

但是，這會使html5播放器成爲默認播放器。有沒有辦法仍然使用Flash作爲第一選擇，然後回退到html5，如果需要？ – 2012-05-28 03:34:30

@YudongLi OP要求提供「具有Flash後備功能的HTML5視頻」，而不是其他方式。 – Joseph 2012-05-28 10:40:25

如果瀏覽器同時支持html5視頻和flash回退加載

回答

相關問題