Intent to Prototype: Media element pseudo-classes

[Chromestatus]

Contact emails

foo...@chromium.org

Specification

https://html.spec.whatwg.org/multipage/semantics-other.html#pseudo-classes

Summary

The :playing, :paused, :seeking, :buffering, :stalled, :muted, and :volume-locked CSS pseudo-classes match <audio> and <video> elements based on their state. There is already an implemention of :playing and :paused behind the CSSPseudoPlayingPaused runtime-enabled feature.

Blink component

Blink>Media

Web Feature ID

media-pseudos

Motivation

Allows styling of media elements or custom media controls based on the state of the media element. For example, a large play button overlaying a video could be hidden while playing. There is no expectation that custom media controls can be implemented entirely with CSS, as there is still a lot of state not exposed to CSS.

Initial public proposal

No information provided

Requires code in //chrome?

False

Tracking bug

https://crbug.com/40246121

Estimated milestones

No milestones specified

Link to entry on the Chrome Platform Status

https://chromestatus.com/feature/5068277495758848?gate=6309497878478848

This intent message was generated by Chrome Platform Status.