`:stalled` CSS pseudo-class
Baseline Newly available
This feature works across the latest devices and browser versions. This feature might not work in older devices or browser versions. It's been available across browsers since August 2026.
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 |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on iOS | Samsung Internet | WebView Android | WebView on iOS | |
stalled |
152 |
152 |
150 |
136 |
15.4 |
152 |
150 |
No |
15.4 |
No |
152 |
15.4 |
See also
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:stalled