如果已经开始播放，为什么嵌入式vimeo视频会在jquery cycle插件中消失？

我试图使用jquery cycle插件以幻灯片形式显示大量嵌入的Vimeo视频，用户可以手动浏览。这一切在所有桌面浏览器上都能完美运行，但由于某些原因，在ipad上，如果你开始播放视频，当你离开时，它就会从幻灯片上消失。你可以在上看到一个例子。在播放任何视频之前，请尝试单击“上一个/下一个”几次，它在桌面和iPad上都可以正常工作。现在重新加载它，在第一个视频上单击播放，然后单击下一步，然后单击上一步，这样您就可以返回到第一张幻灯片。这在桌面上可以工作，但在ipad上，视频已经消失，但音频仍在播放

我在YouTube上做了类似的尝试，看看这是否是iframe/视频问题，这也不起作用，但幻灯片没有变为空白，而是显示了一个黑色的YouTube播放器，没有任何内容或控件，但音频仍在播放：。在我的一生中，我无法理解为什么会发生这种情况，也无法在其他地方找到任何关于它的参考，如果有人能够解释为什么会发生这种情况，那我将不胜感激

非常感谢

---

Dave

这是一个没有答案的答案：让Vimeo视频与JavaScript/jQuery一起显示/隐藏是一件非常痛苦的事情。不要介意让事件与javascript API一起工作

他们的文档还有很多需要改进的地方。有时他们自己的例子不起作用，如果他们提供的话。在与JavaScript的交互方面，YouTube比Vimeo领先很多，而且性能更可靠。结束咆哮

我不知道您的目标浏览器是什么，但也知道使用JavaScript显示/隐藏Vimeo视频会在不同的浏览器中导致一些奇怪的行为

我发现我需要做几件事来完成这件事：

如果IE是一个问题，不幸的是，你将不得不使用Flash嵌入方法。对不起。使用JavaScript显示/隐藏HTML5嵌入视频将导致随机视频加载，加载的是一个黑匣子，而不是“关键帧”。这真的是一个或另一个情况-所以选择哪个对你更重要：IE或iOS。听起来你将不得不面对IE用户看到的随机黑匣子。 如果您依赖Vimeo JavaScript API来响应某些事件，那么显示/隐藏这些事件对于跨浏览器工作来说也有点奇怪。我自己尝试了Cycle插件，但它阻止了某些其他事件，比如当用户切换到另一张幻灯片时暂停播放视频。我最后要做的是将一个类附加到包含视频的“活动”容器中。然后我将CSS设置为绝对位于-4000px，也就是说，远离页面。当一个容器变为“活动”时，它就变为position:static，以便将其返回页面。因此，从技术上讲，视频永远不会从DOM中删除，只是重新定位。

---

这两颗子弹总结了我在Vimeo视频中经历的几个小时的痛苦。YouTube很抢眼，但客户坚持Vimeo有很多WTF和facepalm时刻。我希望我为你节省了一点时间

为了不让你在测试代码时发疯，Youtube在过去的24小时里一直是触手可及的，至少在iMac上是这样。这可能与您的问题有关，也可能与您的问题无关，但我暂时不会使用Youtube来测试任何东西。

不幸的是，我经历了类似的痛苦，因为您试图通过API获得大量弹出jquery循环幻灯片，其中包含视频工作和暂停/卸载等，而这些视频不是焦点。我想我终于做到了！除了控制IE8之前的视频（我几乎可以忍受）之外，它的大部分功能都正常工作了，唯一剩下的问题是ipad上的视频消失了，这就是为什么我认为自己已经破解了它，它让我发疯的原因！由于这些问题与API无关，您是否知道是什么导致了这些问题？非常感谢：阿格-对不起，我真的不知道。当我经历这些时，我在IE方面犯了错误，不得不放弃让iOS工作。我想试试这个位置：绝对技巧-它简化了您对DOM的操作。我猜iOS对DOM的解释与制作Vimeo视频show/hide无关。我不明白为什么开始播放视频会让它消失，但如果你没有播放它，它也不会消失。播放它不应该对它的位置有任何影响，你不会想到，但这就是我们生活的疯狂的iOS世界：我认为我的问题在于，当你没有播放视频时，你实际上看到的是一个来自视频的静态图像。这可以解释为什么它在使用Cycle操作时不会消失。我遇到问题的是vimeo不幸的是，我只是使用youtube作为比较：