Mutually Exclusive Playback Demo

Radiant Media Player Demo Zone

Player code for the above examle:

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

©2015-2022 Radiant Media Player. All Rights Reserved.