> For the complete documentation index, see [llms.txt](https://pmsgz.gitbook.io/nectar/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pmsgz.gitbook.io/nectar/advanced/web-apis/picture-in-picture.md).

# Picture-In-Picture API

## Overview

Picture-In-Picture API allows web apps to create a floating video window always on top of other windows so that users may continue consuming media while they interact with other content or apps on their device.

## Demo

<https://nectar.website/demo/web-apis/picture-in-picture/>

## Usage

You can refer to the code present in `/partials/web-apis/picture-in-picture.html` file and use it accordingly.

## Reference

<https://developer.mozilla.org/en-US/docs/Web/API/Picture-in-Picture_API>