Skip to content

Media element pseudo-classes #1003

@lukewarlow

Description

@lukewarlow

Description

Developers would like to control more of the audio/video user experience. The :playing, :paused, :seeking, :buffering, :stalled, :muted, and :volume-locked CSS pseudo-classes match <audio> and <video> elements based on their state.

Specification

https://drafts.csswg.org/selectors/#resource-pseudos

web-feature

https://web-platform-dx.github.io/web-features-explorer/features/media-pseudos/

Test Links

css/selectors/media/media-loading-state.html
css/selectors/media/media-playback-state.html
css/selectors/media/sound-state.html

Additional Signals

Same as #878 from last year.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions