The onleavepictureinpicture
property of the HTMLVideoElement
interface is an event handler that processes HTMLVideoElement.leavepictureinpicture
events.
The leavepictureinpicture
event fires after the video has successfully returned to its original container from the picture-in-picture mode.
video.onleavepictureinpicture = functionRef;
functionRef
is a function name or a function expression. The function receives a FocusEvent
object as its sole argument.
<button id="button>Exit Picture-in-Picture</button> <video id="video" muted autoplay src=""></video>
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(); } }
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
onleavepictureinpicture |
69 |
79 |
No |
No |
56 |
13.1 |
No |
No |
No |
No |
13.4 |
No |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/onleavepictureinpicture