Keep the Bitmovin Player visible to users in any case. Simply scroll down to see the picture in picture feature in action.

This is where the player will return when you scroll back up

Setup

The following steps will lead you through an example implementation:

Set up the player:

${code:setup.js}

React to the scrolling of the document:

${code:scrollListener.js}

Adjust player size and position via CSS

${code:magic.css}