CSS pseudo-class ":picture-in-picture"

Adds a CSS pseudo-class to help web developers customize the media player when videos enter and exit Picture-in-Picture.

Demo

• https://googlechrome.github.io/samples/picture-in-picture/css-pseudo-class

Documentation

• https://wicg.github.io/picture-in-picture/#css-pseudo-class

Specification

Editor's draft

Status in Chromium

Blink components: Blink>Media>PictureInPicture

In development (tracking bug)

Consensus & Standardization

• Firefox: No public signals
• Edge: Public support
• Safari: No public signals
• Web Developers: Positive

Owners

• fbeaufort@chromium.org
• mlamouri@chromium.org

Last updated on 2019-06-03