title: fullscreen button mobile devices
body: <p>I have a embedded game on my website. </p>
  
  <p>I've created a full-screen button in JavaScript and it is working on desktops; but when I press the button on my Galaxy S6, the screen is not in full-screen but somehow it thinks it is cause I can't scroll anymore.</p>
  
  <p>The game is in an iFrame, so I gave it an ID to communicate with the button.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;iframe 
      id="game" 
      style="width:337px;height:600px;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="https://games.scirra.net/games/1787/"&gt;
  &lt;/iframe&gt;
  &lt;a class="btn color-1" 
     onclick="makeFullscreen('game')"&gt;
      Volledig scherm!
  &lt;/a&gt;
  &lt;script&gt;
      function makeFullscreen(id){    
          var el = document.getElementById(id);   
          if  (el.requestFullScreen      ) el.requestFullScreen();    
          else if (el.webkitRequestFullScreen) el.webkitRequestFullScreen();  
          else if (el.mozRequestFullScreen   ) el.mozRequestFullScreen();
      }
  </code></pre>