:buffering

Targets media elements (like <video> or <audio>) while they are actively loading data and currently 'buffering'.

Quick example

video:buffering {
  /* Adds a subtle visual cue that the video is loading */
  outline: 2px solid rgba(255, 255, 255, 0.5);
  opacity: 0.8;
}

:buffering Browser Support

Limited availability 13% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

15.4+
ESC