我们有一个页面使用 and 标签来启用 flowplayer flash to html5 fallback。代码片段如下:
<object id="flowplayer" width="100%" height="100%" bgcolor="#000000"
data="/flowplayer/3.2.11/flowplayer.unlimited-3.2.11.swf"
type="application/x-shockwave-flash">
<param name="movie" value="flowplayer/3.2.11/flowplayer.unlimited-3.2.11.swf" />
<param name="allowfullscreen" value="true" />
<param value="always" name="allowscriptaccess"/>
<param value="high" name="quality"/>
<param value="true" name="cachebusting"/>
<param value="#000000" name="bgcolor"/>
<param value="config=/r/m/veuscqj/e8EJVo/config" name="flashvars"/>
<video controls="controls" autoplay style="height:100%; width:100%;">
<source src="/veuscqj/25aRpC/20120521011327_CONT3Emp4MEDIUM_mp4-MEDIUM.mp4"
type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'
>
</video>
问题是当我们为 html5 播放器设置自动播放属性时,如果给定的浏览器支持 html5 并提供编码,浏览器将总是几乎同时播放两个播放器(flash 和 html5)。结果,您将听到两个音频在背景中播放,有几秒钟的间隔。
理论上,我们认为html5播放器只有在flash对象加载失败时才会被触发,但实际上无论浏览器如何,似乎两个播放器都在加载。
如果对 html5 禁用自动播放,则不会出现此问题。
任何人都可以帮助我们解决这个问题?