:picture-in-picture

La pseudo-classe CSS :picture-in-picture cible les éléments qui sont présentement affichés en incrustation vidéo (picture-in-picture).

Syntaxe

:picture-in-picture

Notes d'utilisation

La pseudo-classe :picture-in-picture permet de configurer les feuilles de style pour ajuster automatiquement la taille, la mise en forme ou la disposition du contenu lorsqu'une vidéo passe de l'incrustation vidéo à l'affichage normal et réciproquement.

Exemples

Dans cet exemple, la boîte de la vidéo aura une ombre portée rouge ou non selon qu'elle est affichée en incrustation vidéo ou non.

CSS

:picture-in-picture {
  box-shadow: 0 0 0 5px red;
}

Spécifications

Specification
Selectors Level 4
# pip-state

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi