HTMLVideoElement : évènement leavepictureinpicture

Limited availability

Cette fonctionnalité n'est pas Compatible car elle ne fonctionne pas dans certains des navigateurs les plus utilisés.

L'évènement leavepictureinpicture est déclenché lorsque le HTMLVideoElement quitte avec succès le mode image dans l'image.

Cet évènement n'est pas annulable et ne se propage pas.

Syntaxe

Utilisez le nom de l'évènement dans des méthodes comme addEventListener(), ou définissez une propriété de gestionnaire d'évènement.

addEventListener("leavepictureinpicture", (event) => { })

onleavepictureinpicture = (event) => { }

Type d'évènement

Un objet PictureInPictureEvent. Hérite de Event.

Propriétés de l'évènement

Cette interface hérite également des propriétés de son parent Event.

Ces exemples ajoutent un gestionnaire d'évènement pour l'évènement leavepictureinpicture de HTMLVideoElement, puis affichent un message lorsque ce gestionnaire réagit au déclenchement de l'évènement.

Avec addEventListener() :

const video = document.querySelector("#video");
const button = document.querySelector("#button");

function onExitPip() {
  console.log("Mode image dans l'image désactivé !");
}

video.addEventListener("leavepictureinpicture", onExitPip);

button.onclick = () => {
  if (document.pictureInPictureElement) {
    document.exitPictureInPicture();
  }
};

Avec la propriété de gestionnaire d'évènement onleavepictureinpicture :

const video = document.querySelector("#video");
const button = document.querySelector("#button");

function onExitPip() {
  console.log("Mode image dans l'image désactivé !");
}

video.onleavepictureinpicture = onExitPip;

button.onclick = () => {
  if (document.pictureInPictureElement) {
    document.exitPictureInPicture();
  }
};