DOM

HTMLVideoElement:leavepictureinpicture イベント

 編集:2022.11.11 by T.A.

[Edge]。→

HTMLVideoElement がピクチャ イン ピクチャ モードに終了したときに発行されます。

mdn: HTMLVideoElement がピクチャ イン ピクチャ モードを正常に終了すると、イベントが発生します。

バブリング なし¶
キャンセル可能 いいえ
インターフェイス PictureInPictureEvent
イベント ハンドラー プロパティ onleavepictureinpicture

Event ← PictureInPictureEvent

HTML:

<VIDEO id=IdTest src="../../Sample/Eizou_M.mp4" controls muted></VIDEO><BR>
<SPAN id=IdLog></SPAN>

JavaScript:

function JobIn(eve){
  D=eve;
  IdLog.innerHTML=IdLog.innerHTML+"●";
}
function JobOut(eve){
  DA=eve;
  IdLog.innerHTML=IdLog.innerHTML+"○";
}
IdTest.onenterpictureinpicture=JobIn;
IdTest.onleavepictureinpicture=JobOut;

得られた内容:DA

=[object]:[object PictureInPictureEvent]
isTrusted=[boolean]:true
pictureInPictureWindow=[object]:[object PictureInPictureWindow]
type=[string]:leavepictureinpicture
target=[object]:[object HTMLVideoElement]
currentTarget=[object]:null
eventPhase=[number]:0
bubbles=[boolean]:true
cancelable=[boolean]:false
defaultPrevented=[boolean]:false
composed=[boolean]:false

bubbles が true ですが。


テスト