: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
:muted {
/* ... */
}
Examples
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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
:muted |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
See also
:buffering
:paused
:playing
:seeking
:stalled
:volume-locked
- CSS selectors
muted
property ofHTMLMediaElement
objects