This repository is no longer maintained and will not receive any new update. Floating feature is now built in Radiant Media Player core set of features.
rmp-detachable-player is an open-source extension for Radiant Media Player to allow automatic detachment of the player when scrolling into page (a.k.a. automatic PiP - picture in picture). As such the player can be visible at all time regardless of the page scrolling position. This extension makes use of the new Intersection Observer API.
- Automatic in-page PiP player
- Resizing of player based on attach/detach states
- Mobile-ready
- Works with in-stream and out-stream video ads
- Easily extended with JavaScript and CSS
Download latest release from the releases tab. See index.html and js/rmp-detach.js files for a better understanding of the attach/detach logic. For outstream video ad see outstream-video-ad.html and js/rmp-detach-outstream-video-ad.js files. Adapt those examples with your player settings and to fit your page layout.
An example of implementation can be viewed here: https://www.radiantmediaplayer.com/docs/latest/rmp-detachable-player/
Another example of implementation showing how to use outstream video ads can be viewed here: https://www.radiantmediaplayer.com/docs/latest/rmp-detachable-player/outstream-video-ad.html
Issues should be submitted in this GitHub page. We will do our best to review them.
rmp-detachable-player is released under MIT
Radiant Media Player is a commercial HTML5 media player, not covered by the above MIT license.
Radiant Media Player license can be found here: https://www.radiantmediaplayer.com/terms-of-service.html.
You may request a free trial for Radiant Media Player at: https://www.radiantmediaplayer.com/free-trial.html.