javascript 全画面表示に変更する

javascript 全画面表示に変更する

javascriptで、requestFullscreenメソッドを使用して、全画面表示に切り替えるサンプルコードを記述してます。全画面モードを終了することも可能です。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ firefox 80

requestFullscreenメソッド使い方

requestFullscreenメソッド使用すると、簡単に全画面表示に切り替えることが可能です。

requestFullscreenメソッド使い方

全画面表示を終了する場合は、exitFullscreenを使用します。

サンプルコード

以下は、
「全画面モード」ボタンをクリックして、全画面モードへ移行して、
「終了」ボタンをクリックで、全画面モードを終了する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

全画面モードに切り替えされていることが確認できます。