Как включить полноэкранный режим для VKVideo внутри iframe с srcdoc?

Question

[BorodinAtamanov]

Здравствуйте!

На сайте добавлен iframe с ВКВидео.

Внутри iframe добавлен srcdoc, чтобы внутреннее содержимое iframe начинало грузиться, только после клика пользователя. Видео работает. Но, недоступна кнопка "развернуть на весь экран" внутри видео.

Если не использовать srcdoc - кнопка развернуть на весь экран доступна. Но страница грузится на минуту дольше, что не приемлемо.

Как с использованием srcdoc добиться того, чтобы видео можно было бы развернуть на весь экран?

Аналогичный код с Youtube - работает.

Код iframe на сайте:

https://vkinel.ru/singapur#vkvideo 

<div id="vkvideo" class="full-width full-height">
<iframe class="full-screen" allowfullscreen allow='autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;' frameborder="0" 

src=
'https://vkvideo.ru/video_ext.php?oid=134951081&id=456239040&hd=4&autoplay=1&repeat=1&can_repost=1'

srcdoc="<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font-size:128pt;font-size:15vmax;color:red;text-shadow:0 0 0.5em black} #bckgrndimg {object-fit: cover;height: 100%; width: 100%;} #bckgrndimgwrppr {height: 100vh; width: 100%;}</style><a

href=
'https://vkvideo.ru/video_ext.php?oid=134951081&id=456239040&hd=4&autoplay=1&repeat=1&can_repost=1'

><div id=bckgrndimgwrppr><img id=bckgrndimg src=
'https://vkinelru.github.io/3d/photos/1440x/0011-08-debarrel-Singapur-VKinel.ru.webp'

alt='Посмотрите видео ВКинельРу'

><span title='Посмотрите видео ВКинельРу'>▶️</span></div></a>

"
></iframe></div>

Заранее благодарю за идеи, советы, решения. Всем прекрасного дня!