スマホのブラウザゲームで、横向きでのプレイを強制させたい場合

スマホブラウザでアクセスした場合、通常は縦向き or 横向きをこちらから制御することはできませんが、以下の方法で横向きでプレイすることを強制することができます。

スマホのブラウザで
強制的に画面の方向を固定させる方法はありません。

ただし、次の方法で違和感なく
横にしてもらうことは可能です。

index.htmlに以下のスクリプトを挿入。

<script>

$(function(){

var j_screen =$("<div class='rotage_alert' style='position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,0.9);vertical-align:middle;text-align:center;'><div style='color:white;font-size:32px;padding:200px'>このゲームは横向きで遊んで下さい</div></div>");

$(window).bind("load orientationchange",function(){

if(Math.abs(window.orientation) === 90){

$(".rotage_alert").remove();

}else{

$("body").append(j_screen)

}

})

});

</script>