Close
Menu

Customize video quality labels

This demo showcases how to customize video quality labels. You can use this to A/B test labels that make most sense to your users.


  • Map bitrates to actual values
  • Map bitrates to low, medium, high, premium labels
  • Map higher quality labels for HD, UHD, 4K etc.
var getQualityLabels = function (data) {
  if (data.height <= 1440) {
    return '1440p HD';
  } else if (data.height <= 2160) {
    return '2160p 4K';
  }
}

var conf = {
    key: '<YOUR PLAYER KEY>'
  };
  
var source = {
  dash: 'https://bitmovin-a.akamaihd.net/content/sintel/sintel.mpd',
  hls: 'https://bitmovin-a.akamaihd.net/content/sintel/hls/playlist.m3u8',
  poster: 'https://bitmovin-a.akamaihd.net/content/sintel/poster.png',
  labeling: {
    dash: {
      qualities: getQualityLabels
    },
    hls: {
      qualities: getQualityLabels
    }
  }
};

var playerContainer = document.getElementById('player-container');
var player = new bitmovin.player.Player(playerContainer, conf);

player.load(source);

Create an account to get started!

No credit card required.