Firefox Tomorrow

css pseudo class

`:buffering` CSS pseudo-class

View on MDN ↗

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

SpecificationsStandards references are available on the canonical MDN page.

Browser compatibility

Browser compatibilityCompatibility data is available on the canonical MDN page.

See also