扩展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 中执行，你就会看到）

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