Attach/detach Radiant Media Player when scrolling into a page
HTML JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
js
.gitattributes
.gitignore
README.md
index.html
license.txt

README.md

rmp-detachable-player

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.

Features

  • 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

Usage

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

Example

An example of the implementation can be viewed here: https://www.radiantmediaplayer.com/docs/3.0/rmp-detachable-player.html

Issues

Issues should be submitted in this GitHub page. We will do our best to review them.

License

rmp-detachable-player is released under MIT

Radiant Media Player has its own license which can be found here: https://www.radiantmediaplayer.com/terms-of-service.html