我正在用flash回退(如果它不支持Html5)在我的项目上播放Html5视频。但如果浏览器同时支持这两种播放器,则会加载这两个播放器。帮帮我。
<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>
只需将<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>