Generate PWA
PWA Demos
Picture-in-Picture

Picture-in-Picture Demo

The Picture-in-Picture API lets a website or PWA place a video or other element into a small, always-on-top floating window so users can keep watching while interacting with other content or apps.

Picture-in-Picture Logo

Demo

  1. (Optional) Install the app on your computer as a PWA.
  2. Click on the button below to start your webcam.
  3. Press the button below to start Picture-in-picture.

Use cases

  • Watch videos while multitasking in other browser tabs or applications.
  • Keep video calls visible while working on documents or browsing.
  • Monitor live streams or tutorials without interrupting other tasks.
  • Enhance user experience for media-heavy web applications.

Browser support

The Picture-in-Picture API is supported on Chrome and Edge version 116 or higher, on Windows, macOS, and Android. It is also available on iOS 13.4 or higher with Safari, but not inside installed PWAs.

API

document.pictureInPictureEnabled

Code

Links & Documentation

Your app here

Ready to generate your PWA?

Try our PWA toolkit free of charge and without limits for 14 days. No credit card required.

Generate PWA See plans