:stalled CSS pseudo-class
Baseline 2026
Newly available
Since August 2026, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Want more browser support for this feature? Tell us why.
The :stalled CSS pseudo-class selector represents an element that is playable, such as <audio> or <video>, when playback is stalled.
A resource is considered to be stalled if the user has requested playback of a specific position in the media resource, but it has failed to receive any data for some amount of time.
This is different from :buffering in that the media element is unexpectedly not loading data when stalled (e.g., due to a network error) for around 3 seconds (the exact time is user agent dependent).
Note:
Like with the :buffering pseudo-class, the element is still considered to be "playing" when it is "stalled".
If :stalled matches an element, :playing will also match that element.
Syntax
:stalled {
/* ... */
}
Examples
CSS
:stalled {
outline: 5px solid red;
}
audio:stalled {
background-color: red;
}
Specifications
| Specification |
|---|
| Selectors Level 4 # selectordef-stalled |
| HTML # selector-stalled |