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;
});
Specification
Specification | Status | Comment |
UnknownThe definition of 'PictureInPictureWindow.onresize' in that specification. | Unknown |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
No compatibility data found. Please contribute data for "api.PictureInPictureWindow.onresize" (depth: 1) to the MDN compatibility data repository.
See also
PictureInPictureWindow.onresize by Mozilla Contributors is licensed under CC-BY-SA 2.5.