This demo showcases the optional custom floating player
(enabled via data-vidply-options='{"floating":true,...}').
Scroll down so the video leaves the viewport and it pops into a
draggable, resizable floating shell in the bottom-right corner; scroll
back up and it docks again. You can also click the PiP button in the
control bar to manually pin/unpin the floating window.
(Available on viewports ≥ 768 px.)
Try the floating player
Start playback, then scroll down. As soon as the video leaves the viewport,
VidPly pops the player into a floating window in the bottom-right corner. Drag
it by the header, resize it from any edge or corner, or close it via the X
button. Scrolling the original back into view auto-docks the player. The PiP
button in the control bar pins/unpins the floating shell manually and overrides
scroll-based behavior until the next time you press play.
