DocumentPictureInPicture
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
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 die Erstellung und Verwaltung von Dokument-Picture-in-Picture-Fenstern.
Es wird über die Window.documentPictureInPicture-Eigenschaft aufgerufen.
Instanzeigenschaften
Übernimmt Eigenschaften von seinem Elternteil, EventTarget.
Instanzmethoden
Übernimmt Methoden von seinem Elternteil, EventTarget.
requestWindow()Experimentell-
Öffnet das Picture-in-Picture-Fenster für den aktuellen Haupt-Browsing-Kontext. Gibt ein
Promisezurück, das mit einerWindow-Instanz erfüllt wird, die den Browsing-Kontext innerhalb des Picture-in-Picture-Fensters darstellt.
Ereignisse
Übernimmt Ereignisse von seinem Elternteil, EventTarget.
enterExperimentell-
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,
});
// …
Siehe Document Picture-in-Picture API Example für eine vollständig funktionierende Demo (siehe auch den vollständigen Quellcode).
Spezifikationen
| Spezifikation |
|---|
| Document Picture-in-Picture Specification # documentpictureinpicture |