:playing

A selector that matches a media element (like <video> or <audio>) when it is currently playing.

Quick example

video:playing {
  /* Adds a subtle 'on' state glow when the video is active */
  box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
}

:playing 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+
Interop 2026 focus area ? Learn more →
ESC