: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.
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 |