title: Remove black background from html5 video. Appears for a second
body: <p>how can I remove the black background from a html5 video? It appears for a few seconds while loading. Using CSS didn't work.</p>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;div id="start-screen"&gt;
    &lt;video id="video-element"&gt;
      &lt;source src="video-mp4.mp4" type="video/mp4"&gt;
      &lt;source src="video-oggtheora.ogv" type="video/ogg"&gt;
    &lt;/video&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>The CSS (not working):</p>
  
  <pre><code>#start-screen, video-element {
    background-color: #fff !important;
  }
  </code></pre>
  
  <p>Thanks!</p>