DOM

：

：

Document.pictureInPictureElement プロパティ

　編集：2022.09.07 by T.A.

[Edge]読取専用。→、

Document で現在ピクチャ イン ピクチャ モードで表示されている要素を Element で返します。ピクチャ イン ピクチャ モードが現在使用されていない場合は null。

このプロパティは読み取り専用ですが、変更された場合はスローされません（strict モードであっても）。セッターはノー オペレーションであり、無視されます。

Document.pictureInPictureElement
値

Element オブジェクト。該当がなければ null。

例

この例は、関数を示しています。exitPictureInPicture()、これは、pictureInPictureElement によって返される値をテストします。ドキュメントがピクチャー イン ピクチャー モードの場合（pictureInPictureElement が null でない場合）、Document.exitPictureInPicture() は、ピクチャー イン ピクチャー モードを終了するために実行されます。 

function exitPictureInPicture() {
  if (document.pictureInPictureElement) {
    document.exitPictureInPicture();
  }
}

HTML： 

<VIDEO id=IdVideo src="../../Sample/Eizou_M.mp4" controls muted></VIDEO><BR>
<BUTTON onclick="JobS()">PiP開始</BUTTON>
<BUTTON onclick="JobE()">PiP終了</BUTTON>

JavaScript： これを組み込んでおく。 

function JobS(){
  IdVideo.requestPictureInPicture();	//ピクチャー イン ピクチャー モードを開始する。
}
function JobE(){
  if(document.pictureInPictureElement){	//ピクチャー イン ピクチャーになっている要素があるなら、
    document.exitPictureInPicture();	//ピクチャー イン ピクチャー モードを終了する。
  }
}
テスト