Radiant Media Player

In-article outstream ads



Introduction

Radiant Media Player brings you the best of outstream ads with its unique in-article layout best fitted for text-based articles. With a dedicated UI and various optimisations this layout lets you insert outstream video ads at key break-points of a text-based article allowing to create revenue while keeping a good user experience for your readers.

It is easy to set-up and can be extended for more advanced use-cases. See a complete implementation example here.


Player settings

adOutStreamInArticle: Boolean

When set to true this setting tells the player to use the dedicated in-article outstream ad UI and optimisations. Default: false.

adOutStreamInArticleMutedAutoplayWithHoverApi: Boolean

When set to true this setting tells the player to enter a specific mode where muted autoplay is enabled in all devices for the in-article outstream ad. On desktop when the player is hovered the ad will unmute. When the player is not hovered it will mute again. On mobile devices the volume icon needs to be used to mute/unmute the ad. Default: false.


Player code example

<script src="https://cdn.radiantmediatechs.com/rmp/4.5.15/js/rmp.min.js" 
  integrity="sha384-UOGahVOpoWqVqcgcNFKFOEWH3RV2PoLAq2jmk8g1u9VR/bL8dqsHAsDGwFHPkmuE"
  crossorigin="anonymous"></script>
<div id="rmpPlayer"></div>
<script>
var settings = {
  licenseKey: 'your-license-key',
  delayToFade: 3000,
  width: 640,
  height: 360,
  ads: true,
  // we enabled outstream ads
  adOutStream: true,
  // we tell the player we want the in-article UI
  adOutStreamInArticle: true,
  // we tell the player we want to muted autoplay the ad with hover API enabled
  adOutStreamInArticleMutedAutoplayWithHoverApi: true,
  // when the outstream ad is over a reload icon should appear
  // when interacted with this icon should cause the outstream player to reload the provided adTag
  adTagReloadOnEnded: true,
  // when the ad is clicked do not pause the ad
  adPauseOnClick: false,
  // apply a nice background color to fit your article background
  backgroundColor: 'DDDDDD',
  // our adTagUrl
  adTagUrl: 'https://www.radiantmediaplayer.com/vast/tags/inline-linear-5.xml',
  // our waterfall adTagUrls if required
  adTagWaterfall: [
    'https://www.radiantmediaplayer.com/vast/tags/inline-linear-2.xml'
  ]
};
var elementID = 'rmpPlayer';
var rmp = new RadiantMP(elementID);
rmp.init(settings);
</script>
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License.