扩展div时firefox停止youtube视频

Question

我正在使用jquery扩展一个带有youtube嵌入的div，但当我点击展开div大小 firefox 时会停止youtube嵌入播放。 Chrome ， IE9 等在扩展尺寸时不会停止播放视频。我希望有人知道解决方案。

$(document).ready(function() {
    $("#wideView").click(function() {
        $("#youtube-movie").toggleClass("wide");
    });
});

干杯

Answer 1

如果您确定OP中的代码是唯一发生的事情，那么这是因为 .wide动态更改overflow，导致firefox中的子元素重绘。这意味着Flash播放器将重置并停止播放。

在这里演示：http://jsfiddle.net/rVbQ6/2/（在Firefox中做，你会看到）

解决方案是删除任何溢出操作。