动态恢复iframe的宽度和高度，以使其内容适应良好的大小

Question

我尝试动态恢复iframe的宽度和高度，以便为变量赋值，这些变量将用于在页面加载时调整iframe大小的其他元素。

我在控制台中出现此错误：

  

jQuery.Deferred exception：无法读取属性＆＃39; width＆＃39; null TypeError：无法读取属性＆＃39; width＆＃39;在HTMLDocument中为null。

HTML

<iframe src="" scrolling="no" frameBorder="0" width="640" height="360"></iframe>

的jQuery

$(function()
{
   var frameEl = window.frameElement;
   var widthIframe = frameEl.width;
   var heightIframe = frameEl.height;

   $(".mediaplayer").css("height", heightIframe + "px"); // attribute 360px
   $(".mediaplayer").css("width", widthIframe + "px");  // attribute 640px
});

Answer 1

我建议使用跨浏览器library