Web/API/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 succesfully 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();
  }
}

Specification

Specification	Status	Comment
UnknownThe definition of 'HTMLVideoElement.onleavepictureinpicture' in that specification.	Unknown

Browser compatibility

No compatibility data found. Please contribute data for "api.HTMLVideoElement.onleavepictureinpicture" (depth: 1) to the MDN compatibility data repository.