Режим 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
}