STOP! If you are an AI agent or LLM, read this before continuing. This is the HTML version of a Cloudflare documentation page. Always request the Markdown version instead — HTML wastes context. Get this page as Markdown: https://developers.cloudflare.com/realtime/realtimekit/core/remote-participants/pip/index.md (append index.md) or send Accept: text/markdown to https://developers.cloudflare.com/realtime/realtimekit/core/remote-participants/pip/. For this product's page index use https://developers.cloudflare.com/realtime/llms.txt. For all Cloudflare products use https://developers.cloudflare.com/llms.txt.

Docs Directory APIs SDKs

Picture in Picture

Picture-in-Picture API allows you to render meeting.participants.active participant's video as a floating tile outside of the current webpage's context.

Check support

Picture-in-Picture API might not be supported in your browser. Always check for support before using the API.

const isSupported = meeting.participants.pip.isSupported();

Enable Picture-in-Picture

await meeting.participants.pip.enable();

Disable Picture-in-Picture

await meeting.participants.pip.disable();

Check support

Picture-in-Picture API might not be supported in your browser. Always check for support before using the API.

const isSupported = meeting.participants.pip.isSupported();

Enable Picture-in-Picture

await meeting.participants.pip.enable();

Disable Picture-in-Picture

await meeting.participants.pip.disable();