HTMLVideoElement: enterpictureinpicture-Ereignis
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 enterpictureinpicture-Ereignis wird ausgelöst, wenn das HTMLVideoElement erfolgreich in den Picture-in-Picture-Modus wechselt.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht nach oben weitergegeben.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("enterpictureinpicture", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
onenterpictureinpicture = (event) => { }
Ereignistyp
Ein PictureInPictureEvent. Erbt von Event.
Beispiele
In diesen Beispielen wird ein Event-Listener für das enterpictureinpicture-Ereignis des HTMLVideoElement hinzugefügt. Anschließend wird eine Meldung ausgegeben, wenn der Event-Handler auf das Auslösen des Ereignisses reagiert hat.
Mit 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();
};
Mit der Event-Handler-Eigenschaft onenterpictureinpicture (beachten Sie jedoch, dass dadurch gegebenenfalls andere über onenterpictureinpicture hinzugefügte Event-Listener ersetzt werden):
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 |