The leavepictureinpicture
event is fired when the HTMLVideoElement
leaves picture-in-picture mode successfully.
Bubbles | No |
---|---|
Cancelable | No |
Interface | PictureInPictureEvent |
Target | HTMLVideoElement |
Default Action | None |
Event handler property | HTMLVideoElement.onleavepictureinpicture |
Examples
These examples add an event listener for the HTMLVideoElement's leavepictureinpicture
event, then post a message when that event handler has reacted to the event firing.
Using addEventListener()
:
const video = document.querySelector('#video');
const button = document.querySelector('#button');
function onExitPip() {
console.log("Picture-in-Picture mode deactivated!");
}
video.addEventListener("leavepictureinpicture", onExitPip, false);
button.onclick = function() => {
if (document.pictureInPictureElement) {
document.exitPictureInPicture();
}
}
Using the onleavepictureinpicture
event handler property:
const video = document.querySelector('#video');
const button = document.querySelector('#button');
function onExitPip() {
console.log("Picture-in-Picture mode deactivated!");
}
video.onleavepictureinpicture = onExitPip;
button.onclick = function() => {
if (document.pictureInPictureElement) {
document.exitPictureInPicture();
}
}
Specifications
Specification | Status |
---|---|
Picture-in-Picture API The definition of 'leavepictureinpicture event' in that specification. |
Draft |