HTMLVideoElement: событие enterpictureinpicture

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

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

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

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

Синтаксис

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

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

onenterpictureinpicture = (event) => {};

Тип события

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

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

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

Примеры

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

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

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

function onEnterPip() {
  console.log("Picture-in-Picture mode activated!");
}

video.addEventListener("enterpictureinpicture", onEnterPip, false);

button.onclick = () => {
  video.requestPictureInPicture();
};

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

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

function onEnterPip() {
  console.log("Picture-in-Picture mode activated!");
}

video.onenterpictureinpicture = onEnterPip;

button.onclick = () => {
  video.requestPictureInPicture();
};

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

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

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`enterpictureinpicture_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/enterpictureinpicture_event