<strong>Experimental:</strong> <strong>This is an <a href="/en-US/docs/MDN/Guidelines/Conventionsdefinitions#experimental">experimental technology</a></strong><br>Check the <a href="#browsercompatibility">Browser compatibility table</a> carefully before using this in production.

:playing {  } 

:playing

Experimental: This is an experimental technologyCheck 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.

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