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.
addEventListener("leavepictureinpicture", (event) => { })
onleavepictureinpicture = (event) => { }
Ereignistyp
Ein PictureInPictureEvent. Erbt von Event.
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():
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:
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
Loading…