DOM

Document.fullscreenElement プロパティ

 編集:2022.08.31 by T.A.

[Edge]読取専用。→

この文書内で現在全画面モードで表示されている要素 Element を返し、全画面モードを使用していない場合は null を返します。

このプロパティは読み取り専用ですが、変更されても(strict モードでも)例外は発生しません。設定しても何もせず、無視されます。

構文
Document.fullscreenElement
Document Document

Element オブジェクト。該当が無い場合 null です。

この例は isVideoInFullscreen() 関数を表し、fullscreenElement からの返値を調べています。文書が全画面モードで(fullscreenElement が null ではなく)、全画面の要素の nodeName が VIDEO、すなわち <video> 要素を表す場合、この関数は true、すなわち動画が全画面モードであることを表します。

function isVideoInFullscreen() {
  if (document.fullscreenElement && document.fullscreenElement.nodeName == 'VIDEO') {
    return true;
  }
  return false;
}

HTML:

<DIV id=IdTest onwebkitfullscreenchange="Job()" onfullscreenchange="Job()">DIV要素</DIV>

JavaScript:

var E;
function Job(eve){
  if(E==undefined){ //まだ記録していなければ、
    E=document.fullscreenElement; // 記録
  }else{
    alert(E);
  }
}

¶イベントが起きなかった。

¶VIDEO 要素でやってもだめだった。


テスト