leandromoreira/app.html

## app.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>NOTT - The New OTT</title>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script>
  </head>
  <body class="notstealenfromnetflix">
    <ul class="flex-container">
      <li class="flex-item">
        <div id="player"></div>
      </li>
    </ul>

    <script>
      var player = new Clappr.Player(
        {
          source: "http://localhost:8080/hls/colorbar.m3u8",
          parentId: "#player",
          poster: 'https://www.bogotobogo.com/FFMpeg/images/test_patterns/testsrc010.png',
          mute: true,
          height: 360,
          width: 640,
        });
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>NOTT - The New OTT</title>
	<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script>
	</head>
	<body class="notstealenfromnetflix">
	<ul class="flex-container">
	<li class="flex-item">
	<div id="player"></div>
	</li>
	</ul>

	<script>
	var player = new Clappr.Player(
	{
	source: "http://localhost:8080/hls/colorbar.m3u8",
	parentId: "#player",
	poster: 'https://www.bogotobogo.com/FFMpeg/images/test_patterns/testsrc010.png',
	mute: true,
	height: 360,
	width: 640,
	});
	</script>
	</body>
	</html>