DOM

PictureInPictureWindow:resize イベント

 編集:2022.11.11 by T.A.

[Edge]。→

HTMLPictureInPictureWindow のフローティング ビデオ ウィンドウのサイズが変更されると発行されます。

mdn: フローティング ビデオ ウィンドウのサイズが変更されると、サイズ変更イベントが発生します。

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

EventTarget ← PictureInPictureWindow

HTML:

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

JavaScript:

P=IdTest.requestPictureInPicture();  //ピクチャー イン ピクチャーを要求。
D=P.then(Job1, Job2);  //=Promise。
function Job1(P1){  //成功時:
  PPW=P1;
  P1.onresize=Job;  //resize イベント割り当て。
}
function Job2(P1){  //失敗時:
}
function Job(eve){  //resize イベントの処理:
  IdLog.innerHTML="width:"+PPW.width+"<BR>"  //表示
	+"height:"+PPW.height;
}

テスト