:playing

The :playing CSS pseudo-class selector is a resource state pseudo-class that will match an audio, video, or similar resource that is capable of being "played" or "paused", when that element is "playing".

A resource is playing even if in buffering state or paused for any reason other than a user interaction to cause it to be paused.

Syntax

:playing {
  /* ... */
}

Examples

CSS

:playing {
  border: 5px solid green;
}

Specifications

Specification
Selectors Level 4
# selectordef-playing

Browser compatibility

BCD tables only load in the browser

See also