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.

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

<div style="padding:56.25% 0 0 0;position:relative;">
  <iframe
    src="https://app.videas.com/embed/019dcf5b-0c22-731c-8e3c-d24264812bd5/?show_chapters=0&enable_fullscreen=1&enable_pip=1"
    width="100%" height="100%"
    frameborder="0" allowfullscreen
    allow="autoplay; fullscreen; picture-in-picture"
    style="position:absolute;top:0;left:0"
  ></iframe>
</div>

Frequently asked questions

Does Picture-in-Picture keep playing when I change tabs?

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.

Why doesn't PiP work on iPhone?

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.

Can I hide the fullscreen button on a banner embed?

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