PictureInPictureWindow.onresize - Web APIs 编辑

The onresize property of the PictureInPictureWindow interface is an EventHandler that processes PictureInPictureWindow.resize events.

The resize event fires after the floating video window has been resized.

Syntax

pictureInPictureWindow.onresize = functionRef;

Value

functionRef is a function name or a function expression. The function receives a FocusEvent object as its sole argument.

Examples

Window size logger

<p>Resize the floating video window to fire the <code>resize</code> event.</p>
<p>Window height: <span id="height"></span></p>
<p>Window width: <span id="width"></span></p>
<video id="video" muted autoplay src=""></video>

const video = document.querySelector('#video');
const heightOutput = document.querySelector('#height');
const widthOutput = document.querySelector('#width');

function resize(evt) {
  heightOutput.textContent = evt.target.width;
  widthOutput.textContent = evt.target.width;
}

video.requestPictureInPicture()
  .then(pictureInPictureWindow => {
    pictureInPictureWindow.onresize = resize;
  });

Specifications

Browser compatibility

BCD tables only load in the browser

See also

• Picture-in-Picture API