调整iframe的大小

时间:2012-12-01 04:29:40

标签: iframe resize

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

<div class="player container">

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

</div>

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

2 个答案:

答案 0 :(得分:0)

使用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;>

答案 1 :(得分:0)

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);