:playing - Sélecteur CSS

Cette page concerne aussi les sélecteurs :
- :paused
Pseudo-classe désignant les éléments dont la lecture a été suspendue par l'utilisateur (par exemple une vidéo).
- :seeking
Pseudo-classe ciblant les éléments (vidéo par exemple) dont le contenu est en cours de recherche d'une position à la demande de l'utilisateur.
- :buffering
Pseudo-classe ciblant un élément en train d'attendre les données (comme une vidéo par exemple).
- :stalled
Pseudo-classe désignant un élément (une vidéo par exemple) dont la lecture est interrompue à la suite d'une erreur dans l'acquisition du flux.
:playing
:paused
:seeking
:buffering
:stalled

Résumé des caractéristiques du sélecteur :playing

Description rapide
Pseudo-classe désignant les éléments en cours de lecture (par exemple une vidéo).
Statut
Standard
Module W3C
Sélecteurs
Références (W3C)
Statut du document: WD (document de travail)

Description de ces sélecteurs.

:playing.

La pseudo-classe :playing cible les éléments qui peuvent être joués comme video ou audio et qui sont en cours d'être joués (non interrompu par la touche pause). Les status :buffering et :stalled (voir plus bas) ne sont pas incompatibles.

:paused.

Le lecteur de médias a été interrompu par la touche pause ou a terminé sa lecture ou est en attente de l'ordre de lecture.

:seeking.

Le lecteur de médias cherche une nouvelle position de lecture à la demande de l'utilisateur. Cet état est différent de :buffering en ce sens que le lecteur ne charge pas de données.

:buffering.

Le lecteur de médias charge la suite de la vidéo ou du son et n'a pas encore obtenu suffisamment de données pour reprendre la lecture. Le lecteur est cependant toujours dans l'était :playing.

:stalled.

Le lecteur média n'a pas obtenu de données depuis un certain temps (classiquement 3 secondes) et a interrompu la lecture. Ici encore, le lecteur reste dans l'état :playing.

Compatibilités des navigateurs avec ces pseudo-classes.

Pour le moment (2026) seul le navigateur Safari   traite ces pseudo-classes.

1
Pseudo-classe
:playing
2
Pseudo-classe
:paused
3
Pseudo-classe
:seeking
4
Pseudo-classe
:buffering
5
Pseudo-classe
:stalled
Estimation de la prise en charge globale.

Navigateurs sur ordinateurs :

Navigateurs sur mobiles :

Navigateurs obsolètes ou marginaux :

Internet Explorer

UC Browser pour Androïd

Opéra Mobile

QQ Browser

Baidu Browser

Safari

Samsung Internet

Opéra

Safari sur IOS

Androïd Brower

Chrome

Chrome pour Androïd

Edge

Firefox

Firefox pour Androïd

KaiOS Browser

Opéra mini

Voir le site Caniuse.com pour plus d'informations de compatibilité.
Caniuse
Caniuse
Caniuse
Caniuse
Caniuse

Historique de la pseudo-classe :playing.

  • Sélecteurs - Niveau 4

    Introduction des pseudo-classes :playing, :paused, :seeking, :buffering et :stalled.
    WD
    29 Septembre 2011
    Document de travail.
    CR
    PR
    REC

Voir aussi...

:buffering
Pseudo-classe ciblant un élément en train d'attendre les données (comme une vidéo par exemple).
:cue
:current
:future
Pseudo-classe qui cible les éléments situés après l'élément courant (par exemple dans le cas d'une restitution vidéo).
:muted
Pseudo-classe désignant un élément capable de produire du son, mais dont l'utilisateur a coupé le son.
:past
Pseudo-classe qui cible les éléments situés avant l'élément courant (par exemple dans le cas d'une restitution vidéo).
:paused
Pseudo-classe désignant les éléments dont la lecture a été suspendue par l'utilisateur (par exemple une vidéo).
:playing
Pseudo-classe désignant les éléments en cours de lecture (par exemple une vidéo).
:seeking
Pseudo-classe ciblant les éléments (vidéo par exemple) dont le contenu est en cours de recherche d'une position à la demande de l'utilisateur.
:stalled
Pseudo-classe désignant un élément (une vidéo par exemple) dont la lecture est interrompue à la suite d'une erreur dans l'acquisition du flux.
:volume-locked
Pseudo-classe ciblant un élément capable de produire du son, et dont le volume a été figé à une valeur fixe.