radiantmediaplayer / rmp-detachable-player

Attach/detach Radiant Media Player (a.k.a. PiP - picture in picture) when scrolling into a page

Home Page:https://www.radiantmediaplayer.com/docs/latest/pip.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ARCHIVED

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

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.

Features

  • 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

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 for rmp-detachable-player

rmp-detachable-player is released under MIT

License for Radiant Media Player

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.

About

Attach/detach Radiant Media Player (a.k.a. PiP - picture in picture) when scrolling into a page

https://www.radiantmediaplayer.com/docs/latest/pip.html

License:Other


Languages

Language:HTML 88.3%Language:JavaScript 9.7%Language:CSS 2.0%