<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Plyr</title>
    <meta
      name="description"
      property="og:description"
      content="A simple HTML5"
    />
    <meta name="author" content="Sam Potts" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="dist/demo.css" />
  </head>
  
  <?php
		$GLOBALS['mov']=array();
		$src="https://localhost/www/system/player/media/576.mp4";
		if(isset($_GET["id"])) 
			$src=$_GET["id"];
  ?>
  
  <style>
		.grid1 {
			//position:relative;
			//background-color:red;
			//height: 50%;
			//width: 100%;
			flex:1;
			overflow:auto;
		}
  </style>
  <body style="background-color:black;width:100%;height:100%;">
    <div class="grid">
       <main>
        <div id="container">
					<!-- data-poster="https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-HD.jpg" -->
          <video controls crossorigin playsinline  id="player" >
            <source
              src="<?php echo $src;?>"
              type="video/mp4"
              size="576"              
            />            
            <a href="<?php echo $src;?>" download>Download</a>
          </video>
        </div>
      </main>
    </div>
    <script src="dist/demo.js" crossorigin="anonymous"></script>
  </body>
</html>
