Floating Player (Picture-in-Picture): Keep Them Watching the Video While They Browse

Picture in picture is a smaller video window that stays visible and playing while the person scrolls the page or switches tabs. On a sales page, a floating player keeps the visitor from losing the video as soon as they scroll to read the price, the guarantees, or the frequently asked questions.

This guide explains exactly what picture in picture is, why it can extend watch time and improve conversion, when it is worth using, which design rules to respect on desktop and on mobile, and how to keep the player from getting in the way of your buy button. If your video is long, it is likely one of the most profitable improvements.

What is picture in picture, and how is it different from a fixed player?

The same name is used for two similar things. The first is the browser or operating-system feature that pulls the video into a small floating window that stays above other apps; most modern browsers support it, with small differences between them. The second is the floating player built into the page itself, which anchors to a corner when the visitor scrolls down and stays visible while they read.

A fixed player, by contrast, occupies its place on the page and stays there. When the visitor scrolls down to see the rest of the offer, the video leaves the screen and, with it, the voice that was persuading them. Many players pause the video at that moment, and the person rarely scrolls back up to resume it.

The floating player solves that problem: the message stays present while the person explores the rest of the page, so they do not have to choose between watching and reading.

Why does a floating player increase watch time?

The main enemy of a sales video is dropping off halfway through playback. When the person scrolls and the video leaves the screen, playback is interrupted or ignored, and that shows up in the video’s retention analytics as a sharp drop at the point where scrolling starts. The floating player removes that kind of drop, because the video travels with the person moving down the page.

The expected effects are several, and they support one another.

• More minutes watched. The person can read the testimonials or the guarantee while still hearing the main argument, instead of abandoning the video to do it.

• Fewer interruptions. The video does not stop when they scroll, so the visitor does not need to find it again or press play once more.

• A more coherent message. What is on screen reinforces what they hear: the price, the offer, and the video share the same view.

Because more watch time usually comes with a stronger purchase intent, that improvement can carry over to conversion. It is not a guarantee, because it depends on the quality of the video and the offer, but it is worth measuring with a comparison test instead of assuming it.

When does a floating video work, and when does it not?

It works above all when the video is long and the page has relevant content below. A VSL of several minutes asks the person to give time and attention, and VSL length shapes how long that risk of distraction lasts: the longer the video, the more likely the visitor is to want to look at another part of the page while listening.

It also fits online courses well. A video lesson is usually paired with materials, notes, or exercises on the same screen, and the student wants to consult them without losing the thread of the explanation.

If you host your lessons on a closed platform, the player inside the members area is the natural place to turn this feature on, because the student spends a lot of time there and switches between video and text.

It is less useful for very short clips under a minute, on pages with very little content below the video, or on single-screen landings. If there is nothing to read when someone scrolls, the floating player only adds noise.

How do you set up a floating player step by step?

The process is simple if your player supports the feature natively. These steps work for any sales page or lesson.

1. Choose the video that is worth keeping visible: the main VSL or the longest lesson, not every clip on the page.

2. Turn on the floating player or picture in picture option in your player settings.

3. Decide when it appears: the usual setup is that the video detaches when the visitor scrolls and playback has already started.

4. Choose the position, the size, and whether it can be dragged or closed, and check how it looks on desktop and on mobile.

5. Run a real test with your own offer and confirm that the player does not cover the buy button or the form fields.

With Atomic Player you can configure your player’s behavior and then check, in the analytics, how much longer each visitor stays.

What design rules should you follow so you do not bother the visitor?

A poorly executed floating player irritates more than it helps. These basic rules avoid the most common mistakes.

• A discreet position. The lower-right corner is the most common, because it leaves the text of most pages free. Avoid the zones where the support chat or the cookie banner usually appear.

• A moderate size. It should be clear to see without taking up more than a small part of the screen. Letting the visitor enlarge or drag it gives them control.

• A visible close button. Anyone who does not want the video should be able to dismiss it with a single tap. A player that cannot be closed frustrates people and can make them leave the page.

Also review how the progress bar and the controls behave in your floating version, because in a small frame the buttons become harder to press.

On mobile, the screen is much smaller and the floating video can cover an important part of the text. It is worth making it smaller, anchoring it to the top or the bottom depending on the design, and making sure the visitor can close it without effort.

How do you keep the floating video from covering your call to action?

Your buy button is the most important element on the page, and the player should not compete with it. A good call to action needs to be visible and reachable at the moment the visitor decides, and a video sitting on top of the button destroys that moment.

These are the practices that work best to avoid it.

• Place the player on the opposite side. If the main button sits on the right, anchor the video on the left, and the other way around.

• Shrink the video when they reach the offer. When the visitor reaches the pricing section, the player can shrink or disappear so the button gets the full focus.

• Repeat the call to action inside the player. A button built into the floating video itself keeps the offer at hand without making them go back.

What changes between a fixed player and a floating one?

Both options show the same video, but the page behavior and the visitor’s experience change quite a bit.

Aspect

Fixed player

Floating player

On scroll

The video leaves the screen and usually pauses

The video anchors to a corner and keeps playing

Visitor attention

They must choose between watching or reading

They can watch and read at the same time

Best use

Short videos and single-screen pages

Long VSLs, courses, and pages with a lot of content

Risk

Abandoning the video when scrolling

Covering the call to action if it is designed poorly

For a long video, the floating player is usually the smarter option, as long as you take care of its position, its size, and its close button. For short clips, a well-placed fixed player is enough.

Frequently asked questions

What is picture in picture?

It is a smaller video window that stays visible and playing while the person browses other tabs, apps, or parts of the page. It exists as a browser feature and as a floating player built into the page.

How do I turn on picture in picture in the browser?

In most browsers it is turned on from the video’s own context menu or from a button on the player, although the exact steps vary by browser and device. If the player disables it, the option will not appear.

Does a floating player improve conversion on a sales page?

It can, especially with long videos, because the visitor keeps hearing your message while exploring the rest of the page. The effect depends on the offer and the design, so it is worth measuring with a comparison test.

Does picture in picture work on mobile?

Yes, on many devices and browsers, but the screen is small. Reduce the video size, make sure it can be closed easily, and check that it does not cover your buy button.

When is a floating player a poor fit?

It is a poor fit for clips under a minute, on single-screen pages, or when there is nothing to read below the video. In those cases, a well-placed fixed player is cleaner.

Keep your video from disappearing when the visitor scrolls down

A video that stays on screen while the person reads is a video that keeps selling. With the right position, a visible close button, and a call to action that nothing blocks, the floating player extends watch time and improves the experience on desktop and on mobile.

Try Atomic Player and measure how much more your audience watches with a player that does not get lost on scroll.