Проверка размера высоты iframe ?

[Black_Star]

Добрый день уважаемый. Столкнулся с такой задачей, может посоветуете как решить - При нажатии на кнопку Развернуть на весь экран
происходит подгруздка 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 Как можно исправить? Для некоторых игр проходит нормально, а для других, ломается.