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

Псевдокласс :muted применяется к элементам <audio> и <video>, когда у них отключен звук.

Для отключения звука во встроенном проигрывателе имеется специальная кнопка. К примеру, в проигрывателе браузера Firefox она показана на рис. 1.

Выделенная кнопка для отключения звука видео

Выделенная кнопка для отключения звука видео

Синтаксис

Селектор:muted { … }

Пример

Код примера скопирован в буфер
<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>:muted</title>
  <style>
   video:muted {
    outline: 2px solid orange; /* Параметры контура */
   }
  </style>
 </head>
 <body> 
  <video src="video/vinyl.mp4" controls muted></video>
 </body>
</html>

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

Selectors Level 4

Браузеры