HTMLVideoElement: leavepictureinpicture Event
Eingeschränkt verfügbar
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.
Das leavepictureinpicture-Ereignis wird ausgelöst, wenn das HTMLVideoElement den Bild-in-Bild-Modus erfolgreich beendet.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergeleitet.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.
addEventListener("leavepictureinpicture", (event) => { })
onleavepictureinpicture = (event) => { }
Ereignistyp
Ein PictureInPictureEvent. Erbt von Event.
Beispiele
Diese Beispiele fügen einen Ereignislistener für das leavepictureinpicture-Ereignis des HTMLVideoElements hinzu und senden eine Nachricht, wenn der Ereignishandler auf das Ereignis reagiert hat.
Verwendung von addEventListener():
const video = document.querySelector("#video");
const button = document.querySelector("#button");
function onExitPip() {
console.log("Picture-in-Picture mode deactivated!");
}
video.addEventListener("leavepictureinpicture", onExitPip);
button.onclick = () => {
if (document.pictureInPictureElement) {
document.exitPictureInPicture();
}
};
Verwendung der onleavepictureinpicture-Ereignishandler-Eigenschaft:
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
| Spezifikation |
|---|
| Picture-in-Picture # eventdef-htmlvideoelement-leavepictureinpicture |
| Picture-in-Picture # dom-htmlvideoelement-onleavepictureinpicture |