javascript - 使用简单的JS动态控制这个URL内的参数来控制内容大小，贴合屏幕

Question

我可以使用某种 JS 脚本来利用 url 中的大小控制吗

<iframe id="myIframe" src="https://media.embed.ly/1/frame?url=http%3A%2F%2Fwww.twitch.tv%2Fgamemode_mc_&amp;width=1280&amp;height=1280&amp;secure=true&amp;key=0202f0ddb5a3458aabf520e5ab790ab9&amp;"

动态强制 iframe 内容的大小匹配用户的浏览器窗口？这将把我原来问题的解决方案与辅助解决方案结合起来，为我的问题提供完美的解决方案。

（我的目标实际上是将此 Twitch 提要作为我网页的背景 - 调整 iframe 的实际内容的大小实际上是一种非常不寻常但额外的享受，因为 Twitch 的 url 的工作方式！）

说清楚，我学JS很早，想找个初学者的方案，拿浏览器窗口大小来动态控制这个url中的参数来控制这个iframe中内容的大小。

width=1280&height=1280&

是这里的关键线。我需要使这些测量遵循视口大小而不是静态的。什么方法最好做到这一点？

Answer 1

我不知道我的问题是否正确，但是可以通过这个来更改 iframe 的宽度和高度参数（使用 jquery 获取跨浏览器窗口的高度和宽度）

$(document).ready(function() {  
    var iframe = $("#myIframe");
    iframe.attr("width",$(window).width());
    iframe.attr("height",$(window).height());
});