`:buffering` 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 :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

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
`buffering`	152	152	150	136	15.4	152	150	No	15.4	No	152	15.4

`:buffering` CSS pseudo-class

Syntax

Examples

CSS

Specifications

Browser compatibility

See also