mesh-delivery/web/bitmovin/bitmovin.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Bitmovin DNA Plugin</title>
    <link
      href="https://fonts.googleapis.com/css?family=Roboto"
      rel="stylesheet"
    />
    <style>
      body {
        font-family: "Roboto", sans-serif;
      }
    </style>
    <link
      rel="stylesheet"
      href="//samples.streamroot.io/web/assets/demo-pages.css"
    />

    <!-- Makes the header -->
    <script src="//samples.streamroot.io/web/assets/header.js"></script>

    <!-- Bitmovin Player build -->
    <script src="//cdn.bitmovin.com/player/web/8/bitmovinplayer.js"></script>

    <!-- Streamroot plugin -->
    <script src="//cdn.streamroot.io/bitmovin-dna-plugin/1/stable/bitmovin-dna-plugin.js#streamrootKey=demoswebsiteandpartners"></script>

    <!-- Graphs -->
    <script src="//tools.streamroot.io/usage-graphs/stable/graphs.js"></script>
  </head>

  <body>
    <header></header>
    <center>
      <div id="demoplayer"></div>
      <div id="streamroot-graphs"></div>
    </center>
    <script>
      var bitmovinConfig = {
        key: "a9438b8a-97ae-4502-955b-fe615878e8c7",
        playback: {
          autoplay: true,
          muted: true
        },

        dnaConfig: {},

        style: {
          width: "512",
          height: "288",
          ux: true
        }
      };
      window.addEventListener("load", function() {
        player = new bitmovin.player.Player(
          document.getElementById("demoplayer"),
          bitmovinConfig
        );
        player
          .load({
            //Only one playlist URL must be set at a time.
            hls: "https://demo-vod.streamroot.io/index.m3u8"
            //dash: 'YOUR_PLAYLIST_URL',
            //smooth: 'YOUR_PLAYLIST_URL'
          })
          .then(function() {
            player.play();
          });
      });
    </script>
  </body>
</html>