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.
:playing { }
:playing
:playing { border: 5px solid green; }
| Specification |
|---|
| Selectors Level 4 # selectordef-playing |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
:playing |
No |
No |
No |
No |
No |
15.4 |
No |
No |
No |
No |
15.4 |
No |
© 2005–2022 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/:playing