Radiant Media Player

Player labels

Documentation sections


Radiant Media Player can display text-helpers (called labels) within its UI for viewers to rapidly become familiar with the player functionalities. You can translate or customise those labels through the labels player settings.


The following player is displayed with player labels tuned for French.

Player code example

Player code for the above example:

<script src="https://cdn.radiantmediatechs.com/rmp/5.2.1/js/rmp.min.js"></script>
<!-- Player container element -->
<div id="rmpPlayer"></div>
var ccFiles = [
  ['en', 'English', 'https://www.radiantmediaplayer.com/media/cc.vtt'],
  ['fr', 'Français', 'https://www.radiantmediaplayer.com/media/cc-fr.vtt']
var src = {
  mp4: [
// Define player labels
var labels = {
  bitrates: {
    renditions: ['Basse qualité', 'Haute qualité']
  hint: {
    sharing: 'Partager',
    quality: 'Qualité',
    speed: 'Vitesse',
    captions: 'Sous-titres',
    cast: 'Caster',
    airplay: 'AirPlay'
  captions: {
    off: 'Arrêt'
// Player settings
var settings = {
  src: src,
  licenseKey: 'your-license-key',
  width: 640,
  height: 360,
  nav: true,
  sharing: true,
  ccFiles: ccFiles,
  // Passing custom labels
  labels: labels,
  poster: 'https://your-poster-url.jpg'
var elementID = 'rmpPlayer';
var rmp = new RadiantMP(elementID);

Available labels and default values

Below is a list of all customisable player labels:

labels: {
  bitrates: {
    auto: 'Auto',
    renditions: ['Auto']
  hint: {
    sharing: 'Share',
    quality: 'Quality',
    speed: 'Speed',
    captions: 'Captions',
    audio: 'Audio',
    chapters: 'Chapters',
    live: 'Live',
    pip: 'PiP',
    cast: 'Cast',
    airplay: 'AirPlay',
    playlist: 'Playlist',
    related: 'Related',
    upNext: 'Up Next'
  captions: {
    off: 'Off'
  error: {
    customErrorMessage: 'This content is currently unavailable',
    noSupportMessage: 'No playback support',
    noSupportDownload: 'You may download video here',
    noSupportInstallChrome: 'Using the latest version of Google Chrome may help to view this content',
    noSupportInstallChromeLink: 'https://www.google.com/chrome/'
  ads: {
    controlBarCustomMessage: 'Ad',
    googleCastSkipWaitingMessage: 'Skip ad soon',
    // The following labels are only available with rmp-vast VAST parser
    // They will have no effect with Google IMA SDK
    skipMessage: 'Skip ad',
    skipWaitingMessage: 'Skip ad in',
    textForClickUIOnMobile: 'Learn more'

The above example should be self-explanatory as to what is each label is meant for.

Hiding external player labels

If you do not want player external player labels (those are hint.sharing, hint.quality, hint.speed, hint.captions, hint.audio, hint.cast, hint.related) to be shown within the player you can hide them with the hideExternalPlayerLabels player setting set to true. This setting must be Boolean either true or false. false is the default.

Support notes

The bitrates.renditions label only applies for MP4 and WebM progressive download. For HLS or DASH renditions information (height and bitrate) are automatically displayed instead. You can tune the auto label for HLS or DASH with bitrates.auto.

Labels are set using the JavaScript textContent property. Take this into account when using special characters.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License.