Question

我有一个内联项目的fancybox，其中包含由iframe取消的vimeo视频。当我第一次触发fancybox时 - 没问题。但在我关闭它并再次尝试打开之后 - 没有视频。

我必须使用内联，因为fancybox的设计需要一些元素。

这是内联框的代码：

<div style="display:none"><div id="fb-wrapper"  class="simple">
      <img src="http://www.xxxxxxx.com/homestuff/images/window-fb-right-2903.png" id="right-window-fb" />
      <img src="http://www.xxxxxxxx.com/homestuff/images/window-fb-left-2903.png" id="left-window-fb" />
      <iframe id="player_1" src="http://player.vimeo.com/video/xxxxxx?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1&amp;api=1&amp;player_id=player_1" width="480" height="240" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

Answer 1

很可能你使用的是fancybox v1.3.4，不是吗？

关于iframe，您可以learn more about here

找到错误和解决方法

此外，由于您使用的是inline内容，因此还需要注意另一个错误...以及here you will find the description and the workaround

从我的观点来看，隐藏内联iframe是一个坏主意，因为它们会在页面加载中产生开销，无论它们是否可见。

在你的情况下，我会直接定位视频并将fancybox type设置为iframe

fancybox中的Vimeo视频 - 仅在第一次播放

1 个答案: