Закрытие полноэкранного режима для getElementById(id)

[XIII]

Здравствуйте, я новичок в js, поэтому, пожалуйста, не будьте со мной строги.

Проблема в том, что скрипт переходит в полноэкранный режим, как и ожидалось, но не может понять, как нажать «ESC» или ту же кнопку, чтобы закрыть полноэкранный режим.

.holds-the-iframe просто добавляет загрузчик перед загрузкой iframe.

function makeFullscreen(id){ var el = document.getElementById(id); el.style = "position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;" }

HTML:
<button onclick="makeFullscreen('game');">[ ]</button>
HTML:
<div class="holds-the-iframe"><iframe id="game" style="width:1000px;height:700px;border:0;" allowfullscreen="true" msallowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" sandbox="allow-same-origin allow-popups allow-scripts allow-pointer-lock allow-orientation-lock allow-popups" src="[URL='https://wmlogs.com/yti/bwbbwbS9odHRwczovL3JhbmRvbXVybC5jCby']https://randomurl.com/[/URL]"> </iframe></div>
Код (JavaScript):

 

[igorek2013]

Можете ли вы помочь мне разместить кнопку переключения полноэкранного режима в верхней части экрана, когда iframe работает в полноэкранном режиме? Каким-то образом он отображается в правильном направлении на обычном экране и остается на том же месте в полноэкранном режиме.
https://jsfiddle.net/8qpwvo7y/1/