`:volume-locked` CSS-псевдокласс

Базовая поддержка Недавно стало доступно

Эта функция работает на последних устройствах и в последних версиях браузеров. Она может не работать на старых устройствах или в старых версиях браузеров. Она поддерживается браузерами с августа 2026 года.

Селектор :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;
}

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

Спецификация
Selectors Level 4 # selectordef-volume-locked
HTML # selector-volume-locked

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

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`volume-locked`	152	152	150	136	15.4	152	150	Нет	15.4	Нет	152	15.4

См. также

:buffering
:muted
:paused
:playing
:seeking
:stalled
CSS-селекторы
свойство volume объектов HTMLMediaElement

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:volume-locked