Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
The documentPictureInPicture read-only property of the Window interface returns a reference to the DocumentPictureInPicture object for the current document context.
A DocumentPictureInPicture object instance.
const videoPlayer = document.getElementById("player");
// …
// Open a Picture-in-Picture window.
await window.documentPictureInPicture.requestWindow({
width: videoPlayer.clientWidth,
height: videoPlayer.clientHeight,
});
// …