title: HTML5 Video - Starting at a specific time causes jump in Safari
body: <p>I'm trying to start an HTML5 video 15 seconds in. So I'm doing:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;video id="vid"&gt;
      &lt;source src="vid.webm" type="video/webm"&gt;
      &lt;source src="vid.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var video = document.getElementById("vid");
  video.load();
  video.addEventListener('loadeddata', function() {
      video.currentTime = 15;
      video.play();
  }, false);
  </code></pre>
  
  <p>This seems to be working okay in Chrome. But in Safari, the video plays from the beginning for like a second, and then jumps to the 15 second mark, which is a very undesirable experience.</p>
  
  <p>Is there a better way of doing this?</p>