:buffering
Targets media elements (like <video> or <audio>) while they are actively loading data and currently 'buffering'.
Syntax
/* Usage 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
Since
2020 13% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
15.4+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more