html5全屏iframe,iframe - 如何在全屏模式下播放HTML5游戏“Cross Browser Compatible” - 堆栈内存溢出...

我一直在寻找在不同桌面和移动设备屏幕尺寸上播放HTML5游戏的最简单方法。此外，我希望代码在进入全屏模式时具有跨浏览器兼容性 ！

我尝试了太多的解决方案，但没有按预期工作，其中一些在特定的浏览器中工作，另一个在我创建此代码并测试它到我的html5游戏之前不起作用。

function goFullscreen(id) {

// Add element in fullscreen mode

var element = document.getElementById(id);

// Hide function in the browsers that not support fullscreen mode yet,

// Check to see if element available before calling it.

if (element.mozRequestFullScreen) {

// Fullscren mode in Firefox

element.mozRequestFullScreen();

} else if (element.webkitRequestFullScreen) {

// Fullscreen mode in Chrome and Safari

element.webkitRequestFullScreen();

// Fullscreen mode in IE/Edge

} else if (element.msRequestFullscreen) {

element.msRequestFullscreen();

}

// Fullscreen mode activated for all browsers!

}

Play in fullscreen more