<style>.player { position:fixed;bottom:0;right:0;top:0px;left:0;z-index:99999; }</style> <div class="player" poster="https://sv90.files.wordpress.com/2023/12/afot-nv.gif" src="https://melon-live-cdn.mncnow.id/live/eds/MNCSports3-HD/sa_dash_vmx/MNCSports3-HD.mpd"></div> <script src="https://cdn.jsdelivr.net/gh/clappr/clappr@latest/dist/clappr.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/clappr/dash-shaka-playback@latest/dist/dash-shaka-playback.js"></script> <script src="https://cdn.jsdelivr.net/npm/level-selector@0.2.0/dist/level-selector.min.js" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/gh/NaughtyJoker29/live/tv.js" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/clappr/latest/clappr.min.js" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/clappr.level-selector/latest/level-selector.min.js" type="text/javascript"></script> <script src="https://cdn.jsdelivr.net/npm/cdnbye@latest/dist/hlsjs-p2p-engine.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/cdnbye@latest/dist/clappr-plugin.min.js"></script> <script src="js/dash.all.js"></script> <script src="https://cdn.jsdelivr.net/gh/clappr/dash-shaka-playback@latest/dist/dash-shaka-playback.js"></script> <script> document.addEventListener('DOMContentLoaded', () => { const players = document.querySelectorAll('.player') let playingInstance = null players.forEach(player => { const clapprConfig = { source: player.getAttribute("src"), poster: player.getAttribute("poster"), autoPlay: player.getAttribute("auto"), //height: "100%", plugins: [DashShakaPlayback, LevelSelector], levelSelectorConfig: { title: 'Quality', labels: { 3: 'HD',// 700kbps 2: 'High', // 500kbps 1: 'Med', // 240kbps 0: 'Low', // 120kbps }, labelCallback: function(playbackLevel, customLabel) { return customLabel + playbackLevel.level.height+'p'; // High 720p } }, width: "100%", height: "100%", mute: false, autoPlay: false, watermark: 'https://sv90.files.wordpress.com/2023/12/i-d-wtr-plays.gif', position: 'top-left', shakaConfiguration: { drm: { clearKeys: { 'fadd2720deff5925ab86df0819cd7775': 'f67ff08c7ebc779f6a6fcfc83835f65b', } } }, shakaOnBeforeLoad: function(shaka_player) { // shaka_player.getNetworkingEngine().registerRequestFilter() ... }, } const clappr = new Clappr.Player(clapprConfig); clappr.attachTo(player) clappr.on(Clappr.Events.PLAYER_PLAY, function() { }) var mediaOnPage = Array.prototype.slice.apply(document.querySelectorAll('audio, video')) mediaOnPage.forEach(function(mediumOnPage) { mediumOnPage.addEventListener('play', function(event) { mediaOnPage.forEach(function(mediumOnPage) { if (event.target != mediumOnPage) { mediumOnPage.pause(); } }) }) }) }); }); </script>