:buffering

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

Browser compatibility

BCD tables only load in the browser

See also