Firefox 在扩展 div 时停止 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 中执行，你会看到）

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