title: Generating graphical timeline in javascript/jquery
body: <p>Let's say I can fetch a total time of an certain video in seconds. I can also get the starting times of sub-events in that video.</p>
  
  <p>Is there a way to output some kind of timeline with sub-events arranged by their starting times respectively to the end time of the video?</p>
  
  <p>The sub-events should also be linked to the video in such way that when I click on them, video would jump on beginning of that sub-event.</p>
  
  <p>Basically, I would like to hide the timeline of html5 video, and stick a new dynamically generated one under the video with few selected events to navigate through, with no slider, just click (for example a tennis match with set and game timeline instead of min:sec timeline).</p>
  
  <p>I'm using video in html5 and javascript.</p>