Javascript-форум - Проверка размера высоты iframe ?

Добрый день уважаемый. Столкнулся с такой задачей, может посоветуете как решить - При нажатии на кнопку Развернуть на весь экран

происходит подгруздка iframe с сервера с играми в попап блок .bl_popup{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;} который по-умолчанию скрыт. Проблема заключается в том что мне не удается контролировать размеры того что приходит с сервера, что б нормально разместить в центре экрана

Код:

body.on("click", ".game_block__fullScrine", function () {

            $('#gameThumbnail').html('');

            $(".bl_popup").removeClass("hidden");



            var myHeight = body.height();

            fullIframe = '<iframe id="myGame" class="game" style="overflow: hidden; border:0; padding:0; margin:0;"

scrolling="no" frameborder="0" src="<?php $gamelink = get_post_custom_values('GameLink'); echo $gamelink[0]; ?>" width="100%" height="' + fullIframeHeight + 'px" scrolling="no"></iframe>';



            console.log("fullIframeHeight =" + fullIframeHeight);

            console.log("myHeight =" + myHeight);



            $(".bl_popup__inner").append(fullIframe);



            $("#myGame").load(function () {

                var myHeight2 = $(document).height();

                $("#myGame").css("height", myHeight);

                console.log("myHeight2 =" + myHeight);

            });

        });

В fullIframeHeight я сохраняю высоту картинки подложки. (выходит плохо) Пробовал ставить размер экрана браузера в качестве высоты iframe (переменная myHeight), выходит тоже плохо

Дальше ещё была идея дождаться полной загрузки содержимого iframe и уже потом менять значение стиля width, но чёт этот метод пока не срабатывает $("#myGame").load Как можно исправить? Для некоторых игр проходит нормально, а для других, ломается.