Режим picture-in-picture
(PIP) позволяет отображать видео в небольшом окне, которое накладывается поверх другого контента, что позволяет пользователю смотреть видео, взаимодействуя с другим контентом на странице.
Чтобы включить режим PIP для элемента video
в JavaScript, вы можете использовать метод requestPictureInPicture()
интерфейса HTMLVideoElement
. Этот метод возвращает обещание, которое преобразуется в объект PictureInPictureWindow
, представляющий окно PIP.
Вот пример того, как включить режим PIP для элемента video
:
const videoElement = document.getElementById('my-video'); // get video element , // if not get element by tag name video videoElement.requestPictureInPicture() .then(pipWindow => { console.log(`PIP window: ${pipWindow}`); }) .catch(error => { console.error(error); });
Обратите внимание, что режим PIP поддерживается не во всех браузерах. Вы можете проверить, поддерживается ли режим PIP, проверив, доступен ли метод requestPictureInPicture
для элемента video
:
if (videoElement.requestPictureInPicture) { // PIP mode is supported } else { // PIP mode is not supported }