title: Looping HTML5 video flashes a black screen on loop
body: <p>I have a 20 second HTML5 video that loops via jquery. But every time the video starts, a black screen flashes quickly and it's very jarring because it's supposed to blend in with a white background.</p>
  
  <p>I tried using CSS to make the video background white to no avail. Any ideas how may I achieve the desired effect?</p>
  
  <pre><code>&lt;video id="projects-video" width="841px" height="490px" autoplay poster="video/map1280-poster.jpg" &gt;
      &lt;source src="video/map841.mp4" type="video/mp4"/&gt;
      Your browser does not support the video tag. I suggest you upgrade your browser.
   &lt;/video&gt;
  
  &lt;script&gt;
     $("#projects-video").bind('ended', function(){
              this.play();
       });
  &lt;/script&gt;
  </code></pre>