DOM

インターフェイス

HTMLVideoElement:enterpictureinpicture イベント

 編集:2022.11.11 by T.A.

[Edge]。→mdnmdn(en-US)

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

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

バブリング なし¶
キャンセル可能 いいえ
インターフェイス PictureInPictureEvent。Event から継承します。
イベント ハンドラー プロパティ onenterpictureinpicture

Event ← PictureInPictureEvent

親イベントからプロパティを継承します。

HTML:

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

JavaScript:

function Job(eve){
  D=eve;
  IdLog.innerHTML=IdLog.innerHTML+"●";
}
IdTest.onenterpictureinpicture=Job;

ピクチャー イン ピクチャーにするとイベントが発生する。

得られた内容:D

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

bubbles が true ですが。


テスト
HTML:


ここにHTMLが表示される
スクリプト組み込み:
JavaScript:


JavaScript:



表示内容:
表示内容: