play.idevgames.co.uk
play.idevgames.co.uk
   85 GAMES
   276 MEMBERS
   12 TUTORIALS
   26 DEV LOGS
Forgot your password? Click here
Back

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

Nobody has commented on this post yet.

Back to top