天天看點

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