jquery - iOS デバイスで向きを変更すると HTML/jQuery ポップアップが中央揃えで表示されない

Question

を使用してビデオポップアップを中央揃えにしようとしています。

$('#videoid').css("top", (($(window).height() - $('#videoid').outerHeight()) / 2) + $(window).scrollTop() + "px");
$('#videoid').css("left", (($(window).width() - $('#videoid').outerWidth()) / 2) + "px");

Androidフォンで向きを変更すると完璧に機能しますが、iOSフォンとiPadで向きを変更すると（縦から横へ）、ポップアップが上に移動します。中心合わせではありません。

私のvideoid CSSは

#videoid {
height: auto;
max-height: 230px;
min-height: 150px;
position: absolute;
width: 70%;
}

幅に関してはポップアップは中央揃えですが、高さに関してはポップアップが上に移動しています。ヘルプの提案は大歓迎です。前もって感謝します。

<div id="videoid">の高さが回転すると変化することがわかりました。高さを制御するための任意のソリューション。