Picture-in-Picture (PiP)

The Picture-in-Picture API allows websites to create a floating video window that is always on top of other windows so that users may continue consuming media while they interact with other sites or applications on their device. This change only applies to <video> elements.

Comments

The `chrome://flags/#enable-surfaces-for-videos` flag must be enabled on Chrome OS.

Demos

• https://googlechrome.github.io/samples/picture-in-picture/
• https://github.com/GoogleChromeLabs/picture-in-picture-chrome-extension

Documentation

• https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture
• https://github.com/WICG/picture-in-picture/blob/master/explainer.md

Specification

Editor's draft

Status in Chromium

Blink components: Blink>Media>PictureInPicture

Enabled by default (tracking bug) in:

• Chrome for desktop release 70
• Opera release 57

Consensus & Standardization

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

Owners

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

Last updated on 2018-11-05