Skip to content

Fullscreen & Picture-in-Picture

Fullscreen toggle and floating PiP window.

video

Preview

Props & interactive options

Prop Type Default Description Try it
enable_fullscreen url param 1 Show fullscreen button.
enable_pip url param 1 Enable Picture-in-Picture.
Browsers block autoplay with sound. Enabling auto_play automatically enables muted so playback can start; viewers can then unmute manually.

Try it in the player

Fullscreen

Click the fullscreen button in the control bar or press F. Press Esc to exit.

Picture-in-Picture

Click the PiP button to detach the video into a floating window that follows you across tabs.

Documentation

The fullscreen button expands the player to fill the entire screen. Picture-in-Picture (PiP) detaches the video into a small floating window that stays on top while the viewer navigates other tabs or applications. Both features can be toggled via the control bar buttons or keyboard shortcuts (F for fullscreen, Esc to exit). Use the toggles above to show or hide each button in the control bar. When disabled, the corresponding button disappears from the player.

Code

HTML

Frequently asked questions

Yes. The floating PiP window is a browser-level feature: once active it stays on top of every tab and even outside the browser, so viewers can keep watching while working in another app. Closing the window returns the video to the embedded player.

iOS Safari only supports PiP from its native video layer, which custom players can't invoke reliably. Fullscreen however works everywhere. The PiP button in the control bar is hidden automatically on platforms where the API is unavailable.

Yes. Set enable_fullscreen=0 in the URL and the button disappears from the control bar. The keyboard shortcut F is also disabled, so the embed truly stays at its declared size.