DocumentPictureInPictureEvent: DocumentPictureInPictureEvent() Konstruktor
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.
Der DocumentPictureInPictureEvent() Konstruktor erstellt eine neue Instanz des DocumentPictureInPictureEvent-Objekts.
Syntax
js
new DocumentPictureInPictureEvent(type, init)
Parameter
Beispiele
Ein Entwickler würde diesen Konstruktor nicht manuell verwenden. Ein neues DocumentPictureInPictureEvent-Objekt wird erstellt, wenn ein Handler als Ergebnis des Auslösens des enter-Ereignisses aufgerufen wird.
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-documentpictureinpictureevent-documentpictureinpictureevent |