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 Picture-in-Picture-Modus erfolgreich verlässt.

Dieses Ereignis kann nicht abgebrochen werden und verbreitet sich nicht.

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

Dieses Interface erbt auch Eigenschaften von seinem übergeordneten Event.

Beispiele

Diese Beispiele fügen einen Ereignis-Listener für das leavepictureinpicture-Ereignis des HTMLVideoElements hinzu und senden 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

BCD tables only load in the browser

Siehe auch