DocumentPictureInPicture: enter-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.
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Das enter-Ereignis der Schnittstelle DocumentPictureInPicture wird ausgelöst, wenn das Picture-in-Picture-Fenster erfolgreich geöffnet wurde.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
js
addEventListener("enter", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
js
onenter = (event) => { }
Ereignistyp
Beispiele
js
documentPictureInPicture.addEventListener("enter", (event) => {
const pipWindow = event.window;
console.log("Video player has entered the pip window");
const pipMuteButton = pipWindow.document.createElement("button");
pipMuteButton.textContent = "Mute";
pipMuteButton.addEventListener("click", () => {
const pipVideo = pipWindow.document.querySelector("#video");
if (!pipVideo.muted) {
pipVideo.muted = true;
pipMuteButton.textContent = "Unmute";
} else {
pipVideo.muted = false;
pipMuteButton.textContent = "Mute";
}
});
pipWindow.document.body.append(pipMuteButton);
});
Spezifikationen
| Spezifikation |
|---|
| Document Picture-in-Picture Specification # dom-documentpictureinpicture-onenter |