Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
DocumentPictureInPicture
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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
| Specification |
|---|
| Document Picture-in-Picture Specification # documentpictureinpicture |
Browser-Kompatibilität
Loading...