4.html

<style>
  body {
      background: #000;
      margin: 0;
      padding: 0;
  }
  .container {
      width: 100%!important;
      height: 100vh!important;
  }
  #player {
      height: 100%!important;
      width: 100%!important;
  }
</style>
<script src="//cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/level-selector@latest/dist/level-selector.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/clappr-pip@latest/dist/clappr-pip.min.js"></script>
<script src="//cdn.jsdelivr.net/gh/clappr/dash-shaka-playback@latest/dist/dash-shaka-playback.min.js"></script>
<script src='//cdn.jsdelivr.net/npm/clappr-chromecast-plugin@latest/dist/clappr-chromecast-plugin.min.js'></script>
<script src='//cdn.jsdelivr.net/npm/clappr-pip@latest/dist/clappr-pip.min.js'></script>
<script src="//ewwink.github.io/clappr-youtube-plugin/clappr-youtube-plugin.js"></script>
<div class="container">
<div id="player"></div>
</div>



<script>
  if (window.location.protocol != "https:") {
      //location.href =   location.href.replace("http://", "https://");
  }
  </script>
<script>
  let source = "aHR0cHM6Ly90dnVwLWxpdmUuc2VjdXJlLmZvb3RwcmludC5uZXQvbGFsaWdhdHYvbGFsaWdhdHYubXBk";
  var player = new Clappr.Player({
      source: atob(source),
      parentId: "#player",
      watermark: "",
      position: "top-left",
      plugins: [LevelSelector, ClapprPip.PipButton, ClapprPip.PipPlugin, DashShakaPlayback, ChromecastPlugin, ClapprPip.PipButton, ClapprPip.PipPlugin],
      events: {
          onReady: function () {
              var plugin = this.getPlugin("click_to_pause");
              plugin && plugin.disable();
          },
      },
      chromecast: {
          appId: "9DFB77C0",
          contentType: "video/mp4",
      },
      gaAccount: "G-Z7958KV9CY",
      gaTrackerName: "MyPlayerInstance",
      height: "100%",
      width: "100%",
      autoPlay: false,
      muted: false,
      shakaConfiguration: {
          preferredAudioLanguage: "es-MX",
          drm: {
              clearKeys: {'d2e15fc39d902a0bf5edf17498785ea':'543ddd241709882d8cbb162c2c11b964','e2c88c1cec785475ab6b05a1c4d15a78':'06b891b1953211c8286bb312ad05e9e5','4435432010f45dd9967dce3cde18664b':'0d0bf2e2e7799ff26c8bb82b1be67c8a'},
          },
      },
  });
  </script>