title: Video will not play and is too big
body: <p>I was creating a website based on a video as a background for the homepage I came across a problem, I don't know what the problem is but I followed an online tutorial and it seems that the video that I was willing to put in my website has shown up but does not play and is way too big even when viewed at full screen.</p>
  
  <p>here's the code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;!-- settings --&gt;
      &lt;title&gt; Prestige&lt;/title&gt;
      &lt;link rel="shortcut icon" type="image/png" href="images/favicon.png"
      &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" conetent="width=device-width, initial-scale=1.0"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;   
  &lt;/head&gt;
  &lt;body&gt;
      &lt;header class="v-header container"&gt;
          &lt;div class="fullscreen-video-wrap"&gt;
              &lt;video src="Intro.mp4" autoplay="true" loop="true"&gt;&lt;/video&gt;
          &lt;/div&gt;
      &lt;/header&gt;
  &lt;/body&gt; 
  </code></pre>
  
  <p></p>