DOM

Document.fullscreenEnabled プロパティ

 編集:2022.10.14 by T.A.

[Edge]。読取専用。→

Document で全画面()モードが使用できるか否かを示します。

全画面モードは文書内にウィンドウ化されたプラグインを含まないページ、および文書内のすべての <iframe> 要素が allowfullscreen 属性を持つページに限り使用することができます。

このプロパティは読み取り専用ですが、変更されても(strict モードでも)例外を投げません。セッターは何もしないので、無視されます。

構文
Document.fullscreenEnabled
Document Document

Boolean 値。true:文書や要素が Element.requestFullscreen() を呼び出すことで全画面モードに移行できる。false:全画面モードが利用できない。

mdnより

この例では、<video> 要素に全画面モードへの移行を試みる前に fullscreenEnabled の値をチェックし、利用できない場合には移行を試みないようにします。

function requestFullScreen() {
  if (document.fullscreenEnabled) {
    videoElement.requestFullScreen();
  } else {
    console.log('現在ブラウザーは全画面モードを使用することができません');
  }
}

HTML:

<SPAN id=IdSpan style="color:#000; background-color:#fff">SPAN要素</SPAN>

JavaScript:

if(document.fullscreenEnabled){	//フルスクリーンに移行できるなら、
  IdSpan.requestFullscreen();	// フルスクリーンにする。
}else{
  alert("フルスクリーンにはできません。");
}

requestFullscreen()


テスト