HTMLVideoElement: событие leavepictureinpicture

Ограниченная доступность

Эта функция не относится к Baseline, так как она не работает во всех распространённых браузерах.

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

Это событие не может быть отменено и не распространяется.

Синтаксис

Используйте имя события в методах, таких как addEventListener(), или задайте свойство обработчика события.

addEventListener("leavepictureinpicture", (event) => {});

onleavepictureinpicture = (event) => {};

Тип события

Объект PictureInPictureEvent. Наследуется от Event.

Свойства события

Этот интерфейс также наследует свойства от своего родительского Event.

Примеры

Эти примеры добавляют обработчик события для элемента HTMLVideoElement, а затем публикуют сообщение, когда этот обработчик реагирует на событие.

Используя addEventListener():

const video = document.querySelector("#video");
const button = document.querySelector("#button");

function onExitPip() {
  console.log("Picture-in-Picture mode deactivated!");
}

video.addEventListener("leavepictureinpicture", onExitPip, false);

button.onclick = () => {
  if (document.pictureInPictureElement) {
    document.exitPictureInPicture();
  }
};

Используя свойство обработчика события onleavepictureinpicture:

const video = document.querySelector("#video");
const button = document.querySelector("#button");

function onExitPip() {
  console.log("Picture-in-Picture mode deactivated!");
}

video.onleavepictureinpicture = onExitPip;

button.onclick = () => {
  if (document.pictureInPictureElement) {
    document.exitPictureInPicture();
  }
};

Спецификации

Спецификация
Picture-in-Picture # eventdef-htmlvideoelement-leavepictureinpicture
Picture-in-Picture # dom-htmlvideoelement-onleavepictureinpicture

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`leavepictureinpicture_event`	69	79	Нет	56	13.1	105	Нет	72	13.4	20.0	Нет

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLVideoElement/leavepictureinpicture_event