Radiant Media Player

Mutually Exclusive Playback demo



Player code for the above examle:

<script src="https://cdn.radiantmediatechs.com/rmp/5.4.8/js/rmp.min.js"></script>
<div id="rmpPlayer1"></div>
<div id="rmpPlayer2"></div>
<div id="rmpPlayer3"></div>
<script>
  var src1 = {
    hls: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:bbb.smil/playlist.m3u8'
  };
  var src2 = {
    hls: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:ed.smil/playlist.m3u8'
  };
  var src3 = {
    hls: 'https://5b44cf20b0388.streamlock.net:8443/vod/smil:sintel-hd.smil/playlist.m3u8'
  };
  var settings1 = {
    licenseKey: 'your-license-key',
    src: src1,
    width: 640,
    height: 360
  };
  var settings2 = {
    licenseKey: 'your-license-key',
    src: src2,
    width: 640,
    height: 360
  };
  var settings3 = {
    licenseKey: 'your-license-key',
    src: src3,
    width: 640,
    height: 360
  };
  var elementID1 = 'rmpPlayer1';
  var elementID2 = 'rmpPlayer2';
  var elementID3 = 'rmpPlayer3';
  var rmp1 = new RadiantMP(elementID1);
  rmp1.init(settings1);
  var rmp2 = new RadiantMP(elementID2);
  rmp2.init(settings2);
  var rmp3 = new RadiantMP(elementID3);
  rmp3.init(settings3);
  var rmpContainer1 = document.getElementById(elementID1);
  rmpContainer1.addEventListener('play', function () {
    rmp2.pause();
    rmp3.pause();
  });
  var rmpContainer2 = document.getElementById(elementID2);
  rmpContainer2.addEventListener('play', function () {
    rmp1.pause();
    rmp3.pause();
  });
  var rmpContainer3 = document.getElementById(elementID3);
  rmpContainer3.addEventListener('play', function () {
    rmp1.pause();
    rmp2.pause();
  });
</script>