Posted: 2017-06-11 20:42:40 | Posted by iDev | idevgames.co.uk
If you want to add a fullscreen button when embedding a game onto your site just use the code below. This javascript button will work on any iframe so you could edit the onclick="goFullscreen('embededGame');
by editing the 'embededGame' to the id of your iframe.
Add the below HTML button and Javascript on the same page as the embedded game:
HTML<button onclick="goFullscreen('embededGame'); return false">Fullscreen</button>
<script>
function goFullscreen(id) {
var element = document.getElementById(id);
if (element.mozRequestFullScreen) {
element.mozRequestFullScreen();
} else if (element.webkitRequestFullScreen) {
element.webkitRequestFullScreen();
}
}
</script>