HTMLVideoElement: enterpictureinpicture Ereignis

Limited availability

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

Das enterpictureinpicture Ereignis wird ausgelöst, wenn das HTMLVideoElement erfolgreich in den Bild-in-Bild-Modus wechselt.

Dieses Ereignis kann nicht abgebrochen werden und es wird nicht gebubbelt.

Syntax

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

js
addEventListener("enterpictureinpicture", (event) => {});

onenterpictureinpicture = (event) => {};

Ereignistyp

Ein PictureInPictureEvent. Erbt von Event.

Event PictureInPictureEvent

Ereigniseigenschaften

Diese Schnittstelle erbt auch Eigenschaften von ihrem Elternteil Event.

Beispiele

Diese Beispiele fügen einen Ereignis-Listener für das enterpictureinpicture Ereignis des HTMLVideoElement hinzu und senden eine Nachricht, wenn dieser Ereignis-Handler auf die Auslösung des Ereignisses reagiert hat.

Verwendung von addEventListener():

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

function onEnterPip() {
  console.log("Picture-in-Picture mode activated!");
}

video.addEventListener("enterpictureinpicture", onEnterPip, false);

button.onclick = () => {
  video.requestPictureInPicture();
};

Verwendung der onenterpictureinpicture Ereignis-Handler-Eigenschaft:

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

function onEnterPip() {
  console.log("Picture-in-Picture mode activated!");
}

video.onenterpictureinpicture = onEnterPip;

button.onclick = () => {
  video.requestPictureInPicture();
};

Spezifikationen

Specification
Picture-in-Picture
# eventdef-htmlvideoelement-enterpictureinpicture
Picture-in-Picture
# dom-htmlvideoelement-onenterpictureinpicture

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch