Picture in Picture Mode for Funnels and Websites

Created by Stefan Perchinkov, Modified on Mon, 24 Feb at 8:08 AM by Stefan Perchinkov

Introduction:

The PiP mode is an innovative addition to Referins's funnel/website builder. It allows a hosted video to continue playing in a miniaturized view as the user scrolls down the page. The video elegantly minimizes to a small window positioned in the bottom right corner of the browser, providing a continuous viewing experience without interrupting the user's navigation through the site.

How Does it Work?

Upon enabling this feature, whenever a user watches a video and scrolls past it, the video automatically transitions into PiP mode. This creates a floating video window that follows the user as they continue to explore the page. It eliminates the need for manual activation of PiP mode, offering a seamless and engaging user experience.

How to Use?

To take advantage of this feature, follow these simple steps:

Add a Video Element:

Navigate to your funnel/website builder within Refer









Select the section where you wish to add your video.

Click on 'Add Element' and choose the 'Video' option.


Select Hosted Video:

Once the video element is placed, click on it to access the settings.

In the video settings, select the option to use a 'Hosted Video'.
Upload or select the video you wish to use from your library.

Toggle PiP Mode on Scroll:

Look for the 'Playback Controls' settings within the video options.

Toggle the option that says "Enable PiP mode on scroll."

Once enabled, the PiP feature will activate automatically when a user scrolls past the video.

FAQ

Q1: Can PiP mode be used with videos hosted on external platforms like YouTube or Vimeo?
No, the PiP mode in Referins's funnel/website builder is specifically designed for hosted videos. You need to upload or select a video from your library within Referins to use this feature.

Q2: Can I customize the position of the PiP window on the screen?
Currently, the PiP window is fixed to the bottom right corner of the browser. Customization of the PiP window’s position is not available at this time.

Q3: How do I disable PiP mode for a specific video?
To disable PiP mode, go to the 'Playback Controls' settings within the video options and toggle off the "Enable PiP mode on scroll" option. This will prevent the video from minimizing into PiP mode when a user scrolls past it.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article