全屏按钮移动设备

Question

我的网站上有嵌入式游戏。

我在JavaScript中创建了一个全屏按钮，它正在桌面上工作;但是当我按下Galaxy S6上的按钮时，屏幕不是全屏，但不知怎的，它认为这是因为我不能再滚动了。

游戏在iFrame中，所以我给它一个ID来与按钮进行通信。

这是我的代码：

<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/">
</iframe>
<a class="btn color-1" 
   onclick="makeFullscreen('game')">
    Volledig scherm!
</a>
<script>
    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();
    }