如何在移动浏览器中强制HTML5游戏以横向模式加载？

在移动浏览器中强制HTML5游戏以横向模式加载可以通过以下几种方式实现：

使用CSS媒体查询：通过在HTML文档的头部添加以下代码，可以检测设备的宽高比，并根据需要设置游戏的横向模式加载。

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
    @media (max-aspect-ratio: 1/1) {
        /* 竖屏模式下的样式 */
        body {
            transform: rotate(90deg);
            transform-origin: left top;
            width: 100vh;
            height: 100vw;
            overflow-x: hidden;
            position: fixed;
            top: 100%;
            left: 0;
        }
    }
</style>

使用JavaScript检测屏幕方向：通过JavaScript代码监听屏幕方向的变化，并根据需要旋转游戏画布。

window.addEventListener("orientationchange", function() {
    if (window.orientation === 90 || window.orientation === -90) {
        // 横屏模式下的处理逻辑
        // 旋转游戏画布等操作
    } else {
        // 竖屏模式下的处理逻辑
        // 恢复游戏画布等操作
    }
});

使用HTML5 Fullscreen API：通过调用Fullscreen API，将游戏全屏显示，并设置游戏画布的宽高比为横向模式。

var gameElement = document.getElementById("game"); // 游戏画布元素

function enterFullscreen() {
    if (gameElement.requestFullscreen) {
        gameElement.requestFullscreen();
    } else if (gameElement.mozRequestFullScreen) {
        gameElement.mozRequestFullScreen();
    } else if (gameElement.webkitRequestFullscreen) {
        gameElement.webkitRequestFullscreen();
    } else if (gameElement.msRequestFullscreen) {
        gameElement.msRequestFullscreen();
    }
}

function exitFullscreen() {
    if (document.exitFullscreen) {
        document.exitFullscreen();
    } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
    }
}

// 进入全屏模式
enterFullscreen();

// 退出全屏模式
exitFullscreen();

以上是几种常见的方法，可以根据具体需求选择适合的方式来实现在移动浏览器中强制HTML5游戏以横向模式加载。