Picture-in-page

To test this feature and view the example code, please see the  Browsers SDK 1 Example Code Quick Start guide.

Picture-in-page mode moves the player to a fixed position in the bottom right corner of the page.

This feature should not be confused with full picture-in-picture where the video pane can float separately away from its parent browser window.

Once the feature is enabled, you can initiate it using the corresponding button on the control bar. Alternatively, (by default) it is initiated automatically when 50% of the player is scrolled vertically out of the viewport. This feature is disabled by default; use the following code to enable automatic scroll-based initiation.

playerInstance.otvtoolkit().enablePiP();