:playing
A selector that matches a media element (like <video> or <audio>) when it is currently playing.
Syntax
/* Usage 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
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