我一直在尋找在不同桌面和移動裝置螢幕尺寸上播放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