Псевдокласс CSS `:muted`

Селектор псевдокласса :muted CSS представляет элемент, способный воспроизводить звук, например <audio> или <video>, но звук у него выключен (принудительно отключён).

Состояние «без звука» отличается от :volume-locked тем, что автор страницы может управлять тем, можно ли отключить или включить звук у медиаэлемента. Пользовательские агенты могут задавать значение muted для медиаэлемента в соответствии с пользовательскими настройками (например, запоминать последнее заданное значение между сеансами, отдельно для каждого сайта или иным образом). Элемент в состоянии :volume-locked нельзя перевести в состояние без звука или обратно, а также изменить его громкость с помощью JavaScript из-за настроек операционной системы или пользовательского агента.

Синтаксис

:muted {
  /* ... */
}

Примеры

HTML

К элементу <video> добавлен атрибут muted, чтобы отключить звук; то же самое работает и для элементов <audio>.

<!-- 'Big Buck Bunny' licensed under CC 3.0 by the Blender foundation. Hosted by archive.org -->
<!-- Poster from peach.blender.org -->
<video
  controls
  muted
  src="https://archive.org/download/BigBuckBunny_124/Content/big_buck_bunny_720p_surround.mp4"
  poster="https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
  width="620">
  Sorry, your browser doesn't support embedded videos, but don't worry, you can
  <a href="https://archive.org/details/BigBuckBunny_124">download it</a>
  and watch it with your favorite video player!
</video>

CSS

Если элемент <video> находится в состоянии muted, вокруг него отображается красная рамка; если звук включён — зелёная. Попробуйте переключить значок отключения звука в элементах управления, чтобы увидеть, как меняется состояние.

video {
  margin: 5px;
}

video:muted {
  outline: 5px solid red;
}

video:not(:muted) {
  outline: 5px solid green;
}

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

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

См. также

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