title: HTML5 Video custom additional seek bar
body: <p>I am tinkering around with HTML5 videos. I have a video working by using the vanilla HTML5 <code>&lt;video&gt;</code> tag, something like this:</p>
  
  <pre><code>&lt;video id="video" width="250" height="250" controls&gt;
      &lt;source src="video_src.mp4" type="video/mp4"&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>All is well. What I'm looking for is a way to have an additional seek bar at the bottom of the video. The seekbar will be an image I have that represents the video. By clicking anywhere on the image, the video will move to that point.</p>
  
  <p>Again, this will work in addition to the default progress bar that comes with the default video functionality. The default and the custom seekbar would have to be in sync so that when one is updated, the other moves as well.</p>
  
  <p>Can anyone point me to the right direction?</p>
  
  <p>Thanks!</p>