iframe - 调整 iframe 的大小

Question

想要获取一个 div 并查找 iframe 标签，看看它是否有宽度和高度，如果有，请将它们更改为我给出的数字，如果没有，则将宽度和高度添加到 iframe 。

<div class="player container">

    <iframe width="1280" height="720" src="http://www.youtube.com/"</iframe>  

</div>

我只是不知道该怎么做，如果你能帮助我，那将是我的荣幸。谢谢

Answer 1

使用 Javascript 试试这个：-

  <script type=&#34;text/javascript&#34;>
 <!--//
  function sizeFrame&#40;frameId&#41; {
  var F = document.getElementById&#40;frameId&#41;;
  if&#40;F.contentDocument&#41; {
   F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome
 } else {

 F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome

 }

}

 window.onload=sizeFrame; 

 //-->
</script>

<iframe width=&#34;100%&#34; id=&#34;myFrame&#34; src=&#34;testincludegallery.php?id=1&#34; scrolling=&#34;no&#34; frameborder=&#34;0&#34; onload=&#34;window.parent.sizeFrame&#40;&#39;myFrame&#39;&#41;;&#34;>

Answer 2

var iframe = $("div").find("iframe");
var w = iframe.width();
var h = iframe.height();

iframe.attr('width', (w)?w+num:num);
iframe.attr('height', (h)?h+num:num);