Событие DocumentPictureInPictureEvent
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.
Экспериментально: Это экспериментальная технология experimental technology
Перед использованием в продакшене внимательно проверьте таблицу совместимости с браузерами.
Безопасный контекст: Эта функция доступна только в безопасных контекстах (HTTPS) в некоторых или всех поддерживающих браузерах.
Интерфейс DocumentPictureInPictureEvent API Document Picture-in-Picture — это объект события для события enter, которое срабатывает при открытии окна Picture-in-Picture.
Конструктор
-
DocumentPictureInPictureEvent()Экспериментально -
Создает новый экземпляр объекта
DocumentPictureInPictureEvent.
Свойства экземпляра
Наследует свойства от родительского класса, Event.
Методы экземпляра
Наследует методы от родительского класса, 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);
});
Спецификации
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 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 | Нет | Нет | Нет | Нет | Нет | Нет | Нет |
См. также
© 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