Picture-in-Picture small palyer window appears at the bottom right corner when you click PiP butoon in controlbar or scroll down page and player is outside of view area.When you close PiP small player (click on icon in right-top corner), PiP player will not appear when page scrolled down. Still you can show PiP player when you click PiP button in controlbar. When you click PiP Back icon (top-left corner) scroll functionality is back.
PiP window is related to player object within specific document. It cannot be displayed outside of browser or in other document, e.g. iframe.
PiP plugin setup is very simple.
// Load player and plugins javascript files <script src="//www.domain.com/videojs/video.min.js"></script> <script src="//www.domain.com/videojs/videojs.pip.js"></script> <script src="//www.domain.com/videojs/nuevo.min.js"></script> // Initialize player and plugins <script> var player = videojs('video_1'); player.nuevo({ option: option_value }); player.pip(); </script>
player.pip({mute:true});