<html>
  <head>
    <title>seepage</title>
     <meta charset="utf-8">
     <link rel="stylesheet" href="CSS/main.css" type="text/css">
  </head>
  
  
  <body style="background-color:black;">
     <div class="screen-title">
       <p id="title"  style="font-size:16px;">click the arrow<p>
		<p id="titlestart">↻</p>
    </div>
    <div class="cover" id="cover">
    </div>
    <div class="video-container">
      <video id="video" class="videoplayer" loop>
        <source src="IMAGES/seeeepage.mp4" type="video/mp4">
      </video>
    </div>
  	<script>
        window.onclick = videoStart;
      	window.ontouchstart=videoStart;
        function videoStart() {
   		var video = document.getElementById('video');
        video.play();
        video.muted=false;
        document.getElementById("cover").style.opacity = 0;
		document.getElementById("title").style.opacity = 0;
		document.getElementById("titlestart").style.opacity = 0;
        }
     </script>
  </body>
</html>