:volume-locked
Ограниченная доступность
Эта функция не является Базовой, так как она не работает в некоторых из самых широко используемых браузеров.
Селектор псевдокласса :volume-locked CSS псевдокласса представляет элемент, способный воспроизводить звук, например, <audio> или <video>, но громкость звука элемента мультимедиа в данный момент «заблокирована» пользователем.
Средства пользователя могут устанавливать значения мультимедиа muted или volume в соответствии с пользовательскими предпочтениями (например, запоминание последнего установленного значения между сеансами, на основе сайта или иным способом). Элемент, который :volume-locked , не может быть выключен, включен или изменён по громкости через JavaScript. Заблокированный статус — это предпочтение операционной системы или пользователя.
Синтаксис
:volume-locked {
/* ... */
}
Примеры
CSS
:volume-locked {
border: 5px solid green;
}
video:volume-locked {
border: 5px solid aqua;
}
Спецификации
Совместимость браузеров
| Рабочий стол | Мобильный | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
:volume-locked |
Нет | Нет | Нет | Нет | 15.4 | Нет | Нет | Нет | 15.4 | Нет | Нет |
См. также
:buffering:muted:paused:playing:seeking:stalled- Селекторы CSS
-
volumeсвойство объектовHTMLMediaElement
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/:volume-locked