DocumentPictureInPicture
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.
Das DocumentPictureInPicture Interface der Document Picture-in-Picture API ist der Einstiegspunkt für das Erstellen und Verwalten von Dokument-Picture-in-Picture-Fenstern.
Es wird über die Window.documentPictureInPicture Eigenschaft aufgerufen.
Instanzeigenschaften
Erbt Eigenschaften von seinem Elternteil, EventTarget.
Instanzmethoden
Erbt Methoden von seinem Elternteil, EventTarget.
requestWindow()-
Öffnet das Picture-in-Picture-Fenster für den aktuellen Hauptbrowsing-Kontext. Gibt ein
Promisezurück, das mit einerWindowInstanz erfüllt wird, die den Browsing-Kontext innerhalb des Picture-in-Picture-Fensters darstellt.
Ereignisse
Erbt Ereignisse von seinem Elternteil, EventTarget.
enter-
Wird ausgelöst, wenn das Picture-in-Picture-Fenster erfolgreich geöffnet wird.
Beispiele
const videoPlayer = document.getElementById("player");
// …
// Open a Picture-in-Picture window.
const pipWindow = await window.documentPictureInPicture.requestWindow({
width: videoPlayer.clientWidth,
height: videoPlayer.clientHeight,
});
// …
Sehen Sie sich das Document Picture-in-Picture API Beispiel für eine vollständige funktionierende Demo an (siehe auch den vollständigen Quellcode).
Spezifikationen
| Spezifikation |
|---|
| Document Picture-in-Picture Specification # documentpictureinpicture |