Skip to main content

Picture-in-Picture (PiP) Mode for Videos in Funnels and Websites

Picture-in-Picture (PiP) mode allows a hosted video in a funnel or website to continue playing in a floating mini-player when a visitor scrolls past the video.

Updated over 2 months ago

What Picture-in-Picture Mode Does

Picture-in-Picture mode automatically minimizes a hosted video into a small floating window when the visitor scrolls past the video section.

  • The video continues playing without interruption

  • The floating video appears in the bottom-right corner of the browser

  • No manual user action is required

This behavior works the same in both the Funnel Builder and the Website Builder.

Where Picture-in-Picture Mode Is Available

Picture-in-Picture mode can be enabled on:

  • Funnel pages

  • Website pages

It is available only on:

  • Video elements

  • Video type: Hosted Video

How to Enable Picture-in-Picture Mode

Step 1: Open the Funnel or Website Builder

Navigate to Websites or Funnels from the main navigation and open the page you want to edit.

Step 2: Open the Funnel or Website Page

Select the funnel or website and open the page where the video will be added or edited.

Step 3: Add or Select a Video Element

Add a new Video element or click an existing Video element on the page.

  • Click Add Element

  • Choose Video

  • Place the element in the desired section

Step 4: Set the Video Type to Hosted Video

With the Video element selected:

  • Open the General tab in the right-side settings panel

  • Set Video Type to Hosted Video

Step 5: Select a Hosted Video from Media Storage

Choose a video from your Media Library or upload a new one.

Only videos stored in Kyrios Media Storage support PiP mode.

Step 6: Enable Picture-in-Picture Mode on Scroll

In the Video element General settings:

  • Toggle Enable PiP mode on scroll to ON

Once enabled, the video will automatically switch to PiP mode when visitors scroll past it.

How Picture-in-Picture Mode Behaves for Visitors

When a visitor:

  1. Starts watching the video

  2. Scrolls past the video section

The video:

  • Shrinks into a floating player

  • Moves to the bottom-right corner

  • Continues playing automatically

When the visitor scrolls back to the original video position, the video returns to its original placement.

Common Issues and Fixes

PiP toggle is not visible

  • Confirm the Video Type is set to Hosted Video

  • External video types (YouTube, Vimeo, embed URLs) do not support PiP

PiP does not activate on scroll

  • Confirm that Enable PiP mode on scroll is turned on

  • Confirm the page is published

  • PiP activates only after the visitor scrolls past the video

FAQ

Can Picture-in-Picture mode be used with YouTube or Vimeo videos?

No. Picture-in-Picture mode works only with videos uploaded to Kyrios Media Storage and set as Hosted Video.

Can I change the position of the floating PiP video?

No. The PiP video position is fixed to the bottom-right corner and cannot be customized.

How do I disable PiP mode for a video?

Open the Video element settings and toggle Enable PiP mode on and off.

Can I use PiP mode in both Funnels and Websites?

Yes. PiP mode works the same way in both the Funnel Builder and the Website Builder.

Can multiple videos on the same page use PiP mode?

Yes. PiP mode can be enabled per video. Only the video the visitor scrolls past will enter PiP mode.

Did this answer your question?