The resize
event fires when the floating video window has been resized.
Bubbles | No |
Cancelable | No |
Interface | PictureInPictureWindow
|
Event handler property | onresize
|
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" src="" muted autoplay></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;
});
addEventListener equivalent
You could set up the event handler using the addEventListener()
method:
pictureInPictureWindow.addEventListener('resize', resize);
Specifications
Specification | Status |
UnknownThe definition of 'resize' in that specification. | Unknown |
Browser compatibility
No compatibility data found. Please contribute data for "api.PictureInPictureWindow.resize_event" (depth: 1) to the MDN compatibility data repository.
See also
PictureInPictureWindow: resize event by Mozilla Contributors is licensed under CC-BY-SA 2.5.