Attach/detach Radiant Media Player when scrolling into a page
HTML JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


rmp-detachable-player is an open-source extension for Radiant Media Player allowing to attach/detach the player when scrolling into a page. As such the player can be visible at all time regardless of the page scrolling position.

This extension can be used as so or tuned with JavaScript/CSS to better fit your project design.


  • Always-on-screen player - regardless of the page scrolling position - for a more immersive video experience
  • Automatic resizing of player based on attach/detach states
  • Mobile-ready
  • Works with video ads
  • Easily extended with JavaScript and CSS


See index.html for a working example. js/rmp-detach.js is commented for better understanding. If you use our paid features a license key is required. In a nutshell there are 3 components:

  • CSS for the player container and attached/detached states
  • An HTML div tag for the player anchor and another for the player container
  • JavaScript to handle the attach/detach logic and player settings/init


An example of the implementation can be viewed here:


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 has its own license which can be found here: