:picture-in-picture
A selector that matches a media element (like <video>) when it is currently being played in a floating 'picture-in-picture' window.
Syntax
/* Usage Example */
video:picture-in-picture {
/* Hide some controls or change opacity when in PiP mode */
box-shadow: none;
background: transparent;
}:picture-in-picture Browser support
Limited availability
Since
2020 90% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
110+
13.1+
110+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more