Attach/detach Radiant Media Player (a.k.a. PiP - picture in picture) when scrolling into a page
HTML JavaScript CSS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css 2.0.2 Jul 31, 2018
js 2.0.2 Jul 31, 2018
.gitattributes :octocat: Added .gitattributes & .gitignore files Sep 16, 2016
.gitignore 2.0.1 release Jul 31, 2018
README.md Fixes missing .html extension in outstream-video-ad file Apr 27, 2018
index.html 2.0.2 Jul 31, 2018
license.txt 1.1.0 Feb 28, 2017
outstream-video-ad.html 2.0.2 Jul 31, 2018

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 (a.k.a. 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.

Features

  • In-page PiP player
  • Automatic 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

Usage

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.

Example

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

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