Ajuste dinámicamente la altura de un iframe

Tengo un iframe que contiene algo de contenido de un sitio. Quiero que el iframe se ajuste al 100% de la altura del contenido de src. Un poco de novato en js: esto es con lo que estoy trabajando:

  function resizeIframe() { var height = document.documentElement.clientHeight; height -= document.getElementById('frame').offsetTop; height -= 20; /* whatever you set your body bottom margin/padding to be */ document.getElementById('frame').style.height = height +"px"; }; document.getElementById('frame').onload = resizeIframe; window.onresize = resizeIframe;  

Esto funciona muy bien para cambiar el tamaño de la altura del iframe a su página, pero quiero que cambie su tamaño a la altura del src …

No puede acceder a la altura del contenido del iframe debido a la misma política de origen (el protocolo, el dominio y los puertos deben coincidir).

Puede configurar CORS , tenga en cuenta que no es compatible con IE hasta IE8.