フルスクリーン

【JavaScript】全画面表示（フルスクリーン）のやり方

JavaScriptで特定のHTML要素を全画面表示するには requestFullscreen()、解除するには document.exitFullscreen() を使います。現在の状態を知るには document.fullscreenElement が重要で、全画面中の要素（なければ null）を返します。これを使って、ボタン表示やクリック時の動作（開始/解除）を制御できます。ブラウザ間の互換性（ベンダープレフィックス）や、fullscreenchange イベントでの状態変化への対応もポイントです。