<div style="max-width: 800px; max-height: 800px;">
<div style="left: 0px; width: 100%; height: 0px; position: relative; padding-bottom: 56.3%; overflow: hidden;">
<iframe src="YOURLINK"
allowfullscreen
style="position: absolute; top: 0px; left: 0px; height: 100%; width: 1px; min-width: 100%; *width: 100%;"
frameborder="0"
scrolling="no">
</iframe>
</div>
</div>
Я решил свою проблему благодаря этому коду. Он организует «высоту» быстро, и вы можете дополнительно настроить размеры контента.