:buffering 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 :buffering CSS pseudo-class selector represents an element that is playable, such as <audio> or <video>, when the playable element is buffering a media resource.
An element is considered as buffering when that element cannot continue playing because it is trying to load media data but does not yet have enough data to begin or continue playback. For more information, see the Media buffering, seeking, and time ranges guide.
Note:
An element is still considered to be :playing when it is "buffering".
If :buffering matches an element, :playing will also match that element.
Syntax
:buffering {
/* ... */
}
Examples
CSS
:buffering {
outline: 5px solid red;
}
video:buffering {
outline: 5px solid blue;
}
Specifications
| Specification |
|---|
| Selectors Level 4 # selectordef-buffering |
| HTML # selector-buffering |