DocumentPictureInPicture

Интерфейс DocumentPictureInPicture API API «Изображение документа во весь экран» является точкой входа для создания и обработки окон «Изображение документа во весь экран».

Он доступен через свойство Window.documentPictureInPicture.

Наследует свойства от своего родителя, EventTarget.

window Только для чтения Экспериментальная

Возвращает экземпляр Window, представляющий контекст просмотра внутри окна «Изображение документа во весь экран».

Наследует методы от своего родителя, EventTarget.

requestWindow() Экспериментальная

Открывает окно «Изображение документа во весь экран» для текущего основного контекста просмотра. Возвращает Promise, который выполняется с экземпляром Window, представляющим контекст просмотра внутри окна «Изображение документа во весь экран».

Наследует события от своего родителя, EventTarget.

enter Экспериментальная

Срабатывает, когда окно «Изображение документа во весь экран» успешно открыто.

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

// ...

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

// ...

См. Пример API «Изображение документа во весь экран» для демонстрации полного рабочего примера (см. также полный исходный код).

• API «Изображение документа во весь экран»
• Использование API «Изображение документа во весь экран»