Автоматически установить высоту iframe

Мне нужно встроить HTML-страницу внутри фрейма и использовать следующий код:

<iframe src="http://www.google.com" style="width: 90%; height: 300px"
    scrolling="no" marginwidth="0" marginheight="0" frameborder="0"
    vspace="0" hspace="0">

Я пытаюсь настроить высоту на авто, чтобы кадр автоматически изменялся до длины страницы без необходимости жесткого кодирования высоты, как я здесь делаю. Я пробовал height:auto и height:inherit, но это не сработало.

Ответ 1

Попробуйте это кодирование

<div>
    <iframe id='iframe2' src="Mypage.aspx" frameborder="0" style="overflow: hidden; height: 100%;
        width: 100%; position: absolute;"></iframe>
</div>

Ответ 2

Если сайты находятся в отдельных доменах, вызывающая страница не может получить доступ к высоте iframe из-за ограничений между браузерами домена. Если у вас есть доступ к обоим сайтам, вы можете использовать [document domain hack]. 1 Тогда ссылки anroesti должны помочь.

Ответ 3

Если вы используете фреймворк вроде Bootstrap, вы можете сделать любое видео iframe восприимчивым, используя этот фрагмент:

<div class="embed-responsive embed-responsive-16by9">
    <iframe class="embed-responsive-item" src="vid.mp4" allowfullscreen></iframe>
</div>