Iframe a schermo intero

[Lenigmista]

Salve,
sto usando questo codice per mettere fullscreen un gioco su iframe.
Questo è il codice per il pulsante:

<button onclick="openFullscreen();">GIOCA A SCHERMO INTERO</button>

Il fullscreen funziona sia su mobile che desktop ma solo se uso lo stesso codice sia per desktop sia per mobile... ma questo non lo posso fare perché ho bisogno che su desktop il gioco abbia dimensioni fisse come 970px di larghezza e ovviamente questo non va bene per il mobile, dove lì dovrò usare 100% di larghezza.

Invece usando un codice per il mobile e un codice per il desktop, in una delle due versioni non funziona il fullscreen.
Avrei bisogno di un metodo alternativo per creare un fullscreen in uno dei due iframe che uso per incorporare i giochi nella pagina web.

Per intenderci, i codici dei giochi sono questi:

<div class="nodesktop">
<center><iframe allowfullscreen="true" controls="" frameborder="0" height="600" id="myvideo" mozallowfullscreen="true" scrolling="no" src="https://html5.gamemonetize.com/ds7741peizaztqjr44x1onvt6vy4m25z/" webkitallowfullscreen="true" width="100%"></iframe><br /></center>
</div><br />

e quest'altro su desktop:

<div class="nomobile"><div id="switch"><a class="lightSwitcher" href="javascript:void(0);">Accendi/Spegni</a></div><div id="lightsVideo"><center><iframe allowfullscreen="true" class="bordone" controls="" frameborder="0" height="550" id="myvideo" mozallowfullscreen="true" scrolling="no" src="https://html5.gamemonetize.com/ds7741peizaztqjr44x1onvt6vy4m25z/" webkitallowfullscreen="true" width="977"></iframe><br />
</center></div>

su un altro sito sembra che uno sia riuscito a trovare la soluzione ma non ci ho capito una mazza:

requestFullscreen for multiple elements

So imagine that you're using an HTML5 video player library such as Videojs. You want to extend this library's functionality by adding an extra button, but for reasons not relevant to this question,...

stackoverflow.com

ps: i link cliccabili non riesco a toglierli.