:muted
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The :muted
CSS pseudo-class selector represents an element that is capable of making sound, such as <audio>
or <video>
, but is muted (forced silent).
Muted is different from :volume-locked
in that the page author has control over whether a media element can be muted or un-muted.
User agents may set media muted
value according to use preferences (e.g., remembering the last set value across sessions, on a per-site basis, or otherwise).
An element that is :volume-locked
cannot be muted, un-muted, or have its volume changed via JavaScript because of an operating system or user agent preference.
Syntax
css
:muted {
/* ... */
}
Examples
CSS
css
:muted {
outline: 5px solid red;
}
video:muted {
outline: 5px solid blue;
}
Specifications
Specification |
---|
Selectors Level 4 # selectordef-muted |
HTML Standard # selector-muted |
Browser compatibility
BCD tables only load in the browser
See also
:buffering
:paused
:playing
:seeking
:stalled
:volume-locked
- CSS selectors
muted
property ofHTMLMediaElement
objects