[HTML5] フルスクリーンの開始と解除 - ねこの足跡R例えば写真などを出来る限り広い画面で、余計な情報を取り払って表示したい場合があります。ゲームなどではよくある要件だと思います。今回はそんなときに利用する「フルスクリーン化」を取り上げます。 HTML5でフルスクリーン ブラウザの対応状況 PC スマホ サンプル ソースコード 解説 フルスクリーンが利用できるか調べる フルスクリーンにする フルスクリーンを解除する フルスクリーン開始/解除時のイベント ライブラリを利用する screenfull.js iPhone/Androidでもフルスクリーンにしたい metaタグ編 manifest編 素材 参考ページ HTML5でフルスクリーン ブラウザの対応状況 正直なところ鬼門ですｗ 執筆時点(2019/08)では多くのブラウザが完全に対応していないため、本番で利用するには処理の場合分けが必要になります。詳しくはCan I useを参照してくださ
![[HTML5] フルスクリーンの開始と解除 - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c2db2c393342898d21cfee8f032349042212152/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F820878482973262145%2F6801883189061408740%2F1701622269)
