Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
DocumentPictureInPictureEvent
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimentell:Dies ist eineexperimentelle Technologie
Überprüfen Sie dieBrowser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Sicherer Kontext: Diese Funktion ist nur insicheren Kontexten (HTTPS) in einigen oder allenunterstützenden Browsern verfügbar.
DasDocumentPictureInPictureEvent-Interface derDocument Picture-in-Picture API ist das Ereignisobjekt für dasenter-Ereignis, welches ausgelöst wird, wenn das Picture-in-Picture-Fenster geöffnet wird.
Konstruktor
DocumentPictureInPictureEvent()ExperimentellErstellt eine neue Instanz eines
DocumentPictureInPictureEvent-Objekts.
Instanzeigenschaften
Erbt Eigenschaften von seinem Elternobjekt,Event.
windowSchreibgeschütztExperimentellGibt eine
Window-Instanz zurück, die den Browsing-Kontext innerhalb desDocumentPictureInPicture-Fensters repräsentiert, auf dem das Ereignis ausgelöst wurde.
Instanzmethoden
Erbt Methoden von seinem Elternobjekt,Event.
Beispiele
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
| Specification |
|---|
| Document Picture-in-Picture Specification # documentpictureinpictureevent |