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 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.
Beispiele
Diese Beispiele fügen einen Ereignis-Listener für das enterpictureinpicture-Ereignis des HTMLVideoElement hinzu und senden dann eine Nachricht, wenn dieser Ereignis-Handler auf das Auslösen 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 |