HTMLVideoElement: leavepictureinpicture Ereignis

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Das leavepictureinpicture Ereignis wird ausgelöst, wenn das HTMLVideoElement den Bild-in-Bild-Modus erfolgreich verlässt.

Dieses Ereignis ist nicht abbrechbar und wird nicht weitergeleitet.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.

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

onleavepictureinpicture = (event) => { }

Ereignistyp

Ein PictureInPictureEvent. Erbt von Event.

Event PictureInPictureEvent

Ereigniseigenschaften

Diese Schnittstelle erbt auch Eigenschaften von ihrem Elternobjekt Event.

Beispiele

Diese Beispiele fügen einen Ereignislistener für das leavepictureinpicture Ereignis des HTMLVideoElement hinzu und posten eine Nachricht, wenn dieser Ereignishandler auf das Auslösen des Ereignisses reagiert hat.

Verwendung von addEventListener():

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

function onExitPip() {
  console.log("Picture-in-Picture mode deactivated!");
}

video.addEventListener("leavepictureinpicture", onExitPip, false);

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

Verwendung der onleavepictureinpicture Ereignishandler-Eigenschaft:

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

function onExitPip() {
  console.log("Picture-in-Picture mode deactivated!");
}

video.onleavepictureinpicture = onExitPip;

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

Spezifikationen

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

Browser-Kompatibilität

Siehe auch