title: Seamless HTML5 Video Loop
body: <p>I have searched extensively to find a solution to this but have not succeeded.
  I have created a 4 second video clip that loops seamlessly in an editor.
  However when the clip runs in a page via Safari, Chrome or Firefox there is a small but noticeable pause in the playback from end back to beginning.</p>
  
  <p>I have tried using the loop and preload attributes both together and independently.</p>
  
  <p>I have also tried the following javascript:</p>
  
  <pre><code>loopVid.play();
  loopVid.addEventListener("timeupdate", function() {
      if (loopVid.currentTime &gt;= 4) {
          loopVid.currentTime = 0;
          loopVid.play();
      }
  }
  </code></pre>
  
  <p>But in all cases the momentary pause remains and spoils the effect.
  I'm open to any ideas?  </p>