HTMLVideoElement: enterpictureinpicture-Ereignis

Eingeschrnkt verfgbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Want more browser support for this feature? Tell us why.

Vollstndige Kompatibilitt anzeigen
Mehr erfahren

Das enterpictureinpicture-Ereignis wird ausgelst, wenn das HTMLVideoElement erfolgreich in den Bild-im-Bild-Modus wechselt.

Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergeleitet.

Syntax

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

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

onenterpictureinpicture = (event) => { }

Ereignistyp

Ein PictureInPictureEvent. Erbt von Event.

Event PictureInPictureEvent

Diese Beispiele fgen einen Ereignis-Listener fr das enterpictureinpicture-Ereignis des HTMLVideoElement hinzu und senden dann eine Nachricht, wenn dieser Ereignis-Handler auf das Auslsen des Ereignisses reagiert hat.

Verwendung von addEventListener():

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

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

video.addEventListener("enterpictureinpicture", onEnterPip);

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

Verwendung der onenterpictureinpicture-Ereignishandler-Eigenschaft:

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

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

Browser-Kompatibilitt

Siehe auch

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden

Picture-in-Picture API
HTMLVideoElement
Instanzeigenschaften
Instanzmethoden
Events
Vererbung
Verwandte Seiten fr Picture-in-Picture API