Spec-Zone.ru › Web APIs

Событие DocumentPictureInPictureEvent

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

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

  • Узнать больше
  • Полная совместимость
  • Отправить отзыв

Экспериментально: Это экспериментальная технология experimental technology
Перед использованием в продакшене внимательно проверьте таблицу совместимости с браузерами.

Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или всех поддерживающих браузерах.

Интерфейс DocumentPictureInPictureEvent API Document Picture-in-Picture — это объект события для события enter, которое срабатывает при открытии окна Picture-in-Picture.

Событие DocumentPictureInPictureEvent

Конструктор

DocumentPictureInPictureEvent() Экспериментально

Создает новый экземпляр объекта DocumentPictureInPictureEvent.

Свойства экземпляра

Наследует свойства от родительского класса, Event.

window Только для чтения Экспериментально

Возвращает экземпляр Window, представляющий контекст просмотра внутри окна DocumentPictureInPicture, в котором было сгенерировано событие.

Методы экземпляра

Наследует методы от родительского класса, Event.

Примеры

documentPictureInPicture.addEventListener("enter", (event) => {
  const pipWindow = event.window;
  console.log("Video player has entered the pip window");

  const pipMuteButton = pipWindow.document.createElement("button");
  pipMuteButton.textContent = "Mute";
  pipMuteButton.addEventListener("click", () => {
    const pipVideo = pipWindow.document.querySelector("#video");
    if (!pipVideo.muted) {
      pipVideo.muted = true;
      pipMuteButton.textContent = "Unmute";
    } else {
      pipVideo.muted = false;
      pipMuteButton.textContent = "Mute";
    }
  });

  pipWindow.document.body.append(pipMuteButton);
});

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

Спецификация
Спецификация Document Picture-in-Picture
# documentpictureinpictureevent

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

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
DocumentPictureInPictureEvent 116 116 Нет 102 Нет Нет Нет Нет Нет Нет Нет
DocumentPictureInPictureEvent 116 116 Нет 102 Нет Нет Нет Нет Нет Нет Нет
window 116 116 Нет 102 Нет Нет Нет Нет Нет Нет Нет

См. также

  • API Document Picture-in-Picture
  • Использование API Document Picture-in-Picture

© 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/DocumentPictureInPictureEvent

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API