title: How do I make a video background with python Flask
body: <p>I am trying to make the mainpage.html to load the video.mp4 in the css folder. I have tried to copy the video file in all the folders. But I simply can not make it play the video I have a blank white page.</p>
  
  <pre><code>   root
      --static
        --video.mp4  
        --css
          --mainpage.css
      --templates   
        --MainPage.html
      --env
      --__pycache__
  </code></pre>
  
  <p>My HTML code looks as follows in <code>mainpage.html</code></p>
  
  <pre><code>  &lt;!DOCTYPE html&gt;
    &lt;html&gt;
    &lt;link rel="stylesheet" href="{{ url_for('static', filename='css/frontpage.css') }}"
    &lt;link rel="stylesheet" href="{{ url_for('static', filename='video1.mp4') }}"&gt;
    &lt;link rel="stylesheet" href="../static/frontpage.css"&gt;
  
        &lt;meta name="viewport" content="width=device-width, initial-scale=1"/&gt;  
      &lt;head&gt;
  
        &lt;div id="videoBC"&gt;
        &lt;video id="videoBG" poster="poster.JPG" autoplay muted loop&gt;
        &lt;source src="video1.mp4" type="video/mp4"&gt;
        &lt;/video&gt;
        &lt;/html&gt;
  </code></pre>