W3cubDocs

/Web APIs

HTMLVideoElement.onleavepictureinpicture

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.

Syntax

video.onleavepictureinpicture = 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

<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();
  }
}

Specifications

Specification
Picture-in-Picture # dom-htmlvideoelement-onleavepictureinpicture

Browser compatibility

	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