如果浏览器同时支持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回退加载

回答

相关问题