DocumentPictureInPicture

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.

window Schreibgeschützt

Gibt eine Window Instanz zurück, die den Browsing-Kontext innerhalb des Picture-in-Picture-Fensters darstellt.

Instanzmethoden

Erbt Methoden von seinem Elternteil, EventTarget.

requestWindow()

Öffnet das Picture-in-Picture-Fenster für den aktuellen Hauptbrowsing-Kontext. Gibt ein Promise zurück, das mit einer Window Instanz 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

Browser-Kompatibilität

Siehe auch

• Document Picture-in-Picture API
• Verwendung der Document Picture-in-Picture API