Question

我正在尝试通过Livestream在我的网站中嵌入iframe，我可以切换到两种不同的尺寸。因此，当按下按钮时，视频会扩展到更大的尺寸，而不会停止视频播放。

我尝试过使用以下jQuery：

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

我已经使用YouTube视频的嵌入代码对此进行了测试，这是有效的。但由于某种原因，Livestream小部件不会扩展。请查看我正在使用的确切代码的小提琴： http://jsfiddle.net/ULauz/

Answer 1

由于它是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;
    });
});

http://jsfiddle.net/ULauz/3/

无法使用iframe扩展div

1 个答案: