Jquery 使用iframe扩展div时出现问题

我试图在我的站点中嵌入一个iframe by Livestream，我可以切换到两种不同的大小。因此，当按下按钮时，视频会扩展到更大的尺寸，而不会停止视频播放

我尝试使用以下jQuery来实现这一点：

$(document).ready(function() {
    $("#toggle").click(function() {
        $("#container").toggleClass("wide");
    });
});

我用YouTube视频的嵌入代码对此进行了测试，效果良好。但是由于某些原因，Livestream小部件没有扩展。 请参阅小提琴，了解我使用的确切代码：

---

由于它是一个

iframe

，设置外部

div

的宽度/高度不会重置

iframe

宽度/高度。必须明确设置

iframe

的宽度/高度。此外，当加载

iframe

时，iframe内部的播放器有自己的宽度/高度设置，因此即使调整了iframe的大小，播放器也不会调整大小。由于域名限制，您可以设置玩家的宽度/高度

尝试此操作，实际上是调整

iframe

的大小，但播放器没有调整大小

$(document).ready(function() {
    $("#toggle").click(function() {
        $("#container").toggleClass("wide");
        $("#container iframe").height(340).width(540);
        return false;
    });
});

---

那么基本上，iframe中的flash元素不会调整大小？这是否意味着在不中断播放的情况下无法调整小部件的大小？是的，如果

iframe

中的元素不在同一个域中，则无法访问这些元素。好的，但是为什么可以对YouTube视频执行此操作？我认为YouTube视频不会在

iframe

中播放。这就是为什么它会随着外部容器（

div

）的大小而调整大小。