<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/actual-design-this-is-what-we-publish.png" src="https://video.beeline.tv/live/d/channel321.isml/manifest-stb.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: true, watermark: 'https://sv90.files.wordpress.com/2023/12/i-d-wtr-plays.gif', position: 'top-left', shakaConfiguration: { drm: { clearKeys: { '5af547ae2dee032b9f0a8d165b03dc37': '6c840f523c773f979496228d8b44c028', } } }, 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>
