Display none 属性在 Firefox 中停止 youtube iframe 播放答案

【问题标题】：Display none property stops youtube iframe playback in FirefoxDisplay none 属性在 Firefox 中停止 youtube iframe 播放
【发布时间】：2015-03-01 16:13:51
【问题描述】：

在页面上，我有一个带有几个 youtube iframe 的 div。在 Chrome 和 Safari 上，当我向上滑动容器时，播放没有问题。如果正在播放视频，声音会继续播放。当我在 Firefox 中打开该站点并播放视频然后滑动容器时，iframe 会失去状态并且声音停止。我知道如果我重构代码并使用

visibility: hidden;

在容器上和

visibility: visible;
margin-top: -2000px;

在视频上它会起作用，但我真的想找到一个更快的解决方案，所以有人可以帮忙吗？

【问题讨论】：

使用visibility:hidden; 对接播放器时，youtubeAPI 遇到了同样的问题。

标签： javascript jquery html css youtube

【解决方案1】：

我刚刚用animate({ height: 0 }) 替换了slideUp 动画并且它的工作。感谢您的回答。

【讨论】：

【解决方案2】：

你可以试试：

opacity:0

或

z-index:-999

【讨论】：

我在容器上调用 slideUp 以便 jQuery 自动在其上放置 display: none 并且视频停止。