HTMLVideoElement.onleavepictureinpicture

The onleavepictureinpicture property of the HTMLVideoElement interface is an EventHandler 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

Browser compatibility

BCD tables only load in the browser

See also