:playing
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
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 { }
Syntax
:checked
Examples
CSS
:playing { border: 5px solid green; }
Specifications
No specification data found for css.selectors.playing
.
Check for problems with this page or contribute a missing spec_url
to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.
Browser compatibility
No compatibility data found for css.selectors.playing
.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/:playing