:paused CSS pseudo-class
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
The :paused CSS pseudo-class selector represents an element that is playable, such as <audio> or <video>, when that element is "paused" (i.e., not "playing").
A resource is paused if the user explicitly paused it, or if it is in a non-activated or other non-playing state, like "loaded, hasn't been activated yet".
This is different from :buffering or :stalled, which are states that occur while the resource is considered "playing".
Syntax
css
:paused {
/* ... */
}
Examples
CSS
css
:paused {
border: 5px solid orange;
}
Specifications
| Specification |
|---|
| Selectors Level 4 # selectordef-paused |
| HTML # selector-paused |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
:paused
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- See implementation notes.