<script src="https://cdn.radiantmediatechs.com/rmp/9.10.0/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 rmp1 = document.getElementById(elementID1);
rmp1.on('play', () => {
rmp2.pause();
rmp3.pause();
});
const rmp2 = document.getElementById(elementID2);
rmp2.on('play', () => {
rmp1.pause();
rmp3.pause();
});
const rmp3 = document.getElementById(elementID3);
rmp3.on('play', () => {
rmp1.pause();
rmp2.pause();
});
</script>