Window: documentPictureInPicture プロパティ

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

安全なコンテキスト用: この機能は一部またはすべての対応しているブラウザーにおいて、安全なコンテキスト (HTTPS) でのみ利用できます。

documentPictureInPictureWindow インターフェイスの読み取り専用プロパティで、現在の文書コンテキストの DocumentPictureInPicture オブジェクトへの参照を返します。

DocumentPictureInPicture オブジェクトインスタンスです。

js
const videoPlayer = document.getElementById("player");

// ...

// Open a Picture-in-Picture window.
await window.documentPictureInPicture.requestWindow({
  width: videoPlayer.clientWidth,
  height: videoPlayer.clientHeight,
});

// ...

仕様書

Specification
Document Picture-in-Picture
# dom-window-documentpictureinpicture

ブラウザーの互換性

BCD tables only load in the browser

関連情報