【问题标题】:Both player will playback if set html5 autoplay to be true when using flash to html5 fallback如果在使用 flash 到 html5 回退时将 html5 自动播放设置为 true,则两个播放器都会播放
【发布时间】:2012-05-28 03:46:31
【问题描述】:

我们有一个页面使用 and 标签来启用 flowplayer flash to html5 fallback。代码sn-p如下:

<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)。因此,您将听到两个音频在背景中播放,间隔秒。

理论上,我们认为只有在 Flash 对象加载失败时才会触发 html5 播放器,但实际上无论浏览器如何,它似乎都在加载两个播放器。

如果禁用 html5 的自动播放,则不会出现此问题。

谁能帮我们解决这个问题?

【问题讨论】:

  • 之前有人问过类似的问题:stackoverflow.com/questions/8753846/…。但是,答案是将 html5 作为默认播放器,然后在需要时回退到 flash。但我们真正想要的是将 flash 作为首选播放器,然后在必要时回退到 html5。

标签: html html5-video flowplayer autoplay


【解决方案1】:

请原谅我之前的回答。

不过,我为您找到了另一种解决方案。我们需要检查闪存是否可用,对吗? 如果是这种情况,this link 可能会很有用。

重点是,您可以使用 swfobject 创建一个 if / else 结构来确定需要显示和执行的内容。

【讨论】:

  • 我想我不太明白你的答案。现在发生的是 html5 和 flash 都执行了,但这不是我想要的。我希望只执行 flash,如果没有,则 html5。
  • 这个想法是您将 html 5 代码粘贴为要显示的替代内容。
  • 虽然我不熟悉 swfobject,但听起来是一个合理的解决方案。会回来确认,但提前谢谢!
  • 别提了。我要喝点咖啡以防止进一步的虚假答案;)祝你好运,如果成功了,请告诉我。
  • 是的,它确实解决了我的问题! swfobject 是一个相当不错的工具,简单,只要一个简单的if 就可以让我在那里玩很多花样。顺便说一句,如果你真的在荷兰,天哪,那只是早上 7 点。感谢您的回复!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-08-31
  • 1970-01-01
相关资源
最近更新 更多