Jquery Cycle 插件 + 视频答案

【问题标题】：Jquery Cycle Plugin + VideosJquery Cycle 插件 + 视频
【发布时间】：2012-05-14 19:37:04
【问题描述】：

我正在处理 Chrome 中的一个 jcycle 错误。我有一个 jcycle 旋转器设置来旋转一个投资组合的 youtube 视频。问题是当页面在 Chrome 中加载或刷新时，应该隐藏的视频之一显示在左上角。当我从常见问题解答中实施 display none 修复时，它会永久隐藏除第一个视频之外的所有视频。请参阅下面的示例。任何帮助将不胜感激。谢谢！

不显示无修复：（视频在左侧弹出：0 顶部：0） http://www.tweedstudios.com/!/broadcast.php

不显示修复：（视频被永久隐藏） http://www.tweedstudios.com/!/broadcast2.php

另外，Safari 中还有另一个错误。我确定它与 CSS 相关，但我无法确定它。再次感谢！

【问题讨论】：

什么版本的chrome？我无法重现错误“没有显示无修复”，它似乎工作正常。我在 Chrome 18 上

标签： jquery jquery-cycle

【解决方案1】：

第二个示例中的 youtube iFrame 设置为 displayLnone。我建议您改用可见性：隐藏，然后在 jquery 循环插件上的事件之前的 jquery 循环中，您可以在幻灯片转换之前将其更改为可见。

The Youtube video in my hidden DIV only starts to load after the DIV is shown

http://jquery.malsup.com/cycle/options.html

【讨论】：

chrome 问题已通过 position:absolute;顶部：0；左：0；在幻灯片和 iframe 上。虽然，我在 SAFARI 中仍然遇到问题。好像溢出隐藏不起作用。 tweedstudios.com/!/broadcast3.php
我在 safari mac 上检查过，没有问题，尽管当我点击播放时，幻灯片永远不会停止让我看视频。
@TravisHedrick 将&wmode=opaque 附加到每个视频的网址。它应该可以解决 Safari 问题。
@TravisHedrick 此答案是否有助于您解决问题？如果是这样，我将感谢您标记答案（单击复选标记）。如果没有，您能提供一些反馈吗？