:buffering CSS pseudo-class
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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
css
:buffering {
/* ... */
}
Examples
CSS
css
:buffering {
outline: 5px solid red;
}
video:buffering {
outline: 5px solid blue;
}
Specifications
| Specification |
|---|
| Selectors Level 4 # selectordef-buffering |
| HTML # selector-buffering |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
:buffering
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support