Документ: метод exitPictureInPicture()

Метод exitPictureInPicture() интерфейса Document запрашивает вывод видео, содержащегося в этом документе, которое в данный момент отображается в режиме «картинка в картинке», возвращая предыдущее состояние экрана. Обычно это отменяет действие предыдущего вызова HTMLVideoElement.requestPictureInPicture().

Нет.

Объект Promise, который разрешается, когда пользовательский агент завершит выход из режима «картинка в картинке». Если при попытке выхода из полноэкранного режима произошла ошибка, вызывается обработчик catch() для обещания.

InvalidStateError DOMException

Выбрасывается, если document.pictureInPictureElement находится в состоянии null.

В этом примере текущий документ выходит из режима «картинка в картинке» при каждом щелчке мыши внутри него.

document.onclick = (event) => {
  if (document.pictureInPictureElement) {
    document
      .exitPictureInPicture()
      .then(() => console.log("Document Exited from Picture-in-Picture mode"))
      .catch((err) => console.error(err));
  } else {
    video.requestPictureInPicture();
  }
};

Обратите внимание, что если вы хотите отслеживать, какое видео на вашей странице в данный момент воспроизводится в режиме «картинка в картинке», вам следует прослушивать события enterpictureinpicture и exitpictureinpicture на элементах HTMLVideoElement. В качестве альтернативы, вы можете проверить, ссылается ли Document.pictureInPictureElement на текущий элемент HTMLVideoElement.

• HTMLVideoElement.requestPictureInPicture()
• HTMLVideoElement.disablePictureInPicture
• Document.pictureInPictureEnabled
• Document.pictureInPictureElement
• :picture-in-picture
• События картинки в картинке