Fullscreen button for your embedded games


Posted: 2017-06-11 20:42:40 |    Posted by iDev |    idevgames.co.uk

0
Login to like

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>

Would you like to comment on this post? Create an account in less then 1 minute Click here



Back to top

Bump Reminder CiveRo DISBOARD Dyno GameAddict GYR0SK4
8 Online Discord
·