title: html5 video button that takes video to specific time
body: <p>I'm trying to place a video that autoplays without controls but I want to add three custom buttons below the video, each button jumps the video to a specific time. Not using Youtube, Vimeo or any other hosted video. I've been able to link to a specific time, but that opens a new window and isn't cross browser compatible. Is this possible?</p>
  
  <pre><code>&lt;video id="movie" style="border:none;" width="575" height="240" preload autoplay controls&gt;
  &lt;source src="video.ogv" type="video/ogg; codecs=theora,vorbis" /&gt;
  &lt;source src="video.mp4" type="video/mp4; codecs=avc1.42E01E,mp4a.40.2" /&gt;
  &lt;source src="video.webm" type="video/webm; codecs=vp8,vorbis" /&gt;
  &lt;/video&gt;
  
  &lt;p class="navBtns"&gt;
  &lt;a href="video.ogv#t=9" target="_blank"&gt;&lt;img src="dot.png" /&gt;&lt;/a&gt;
  &lt;a href="video.ogv#t=17" target="_blank"&gt;&lt;img src="dot.png" /&gt;&lt;/a&gt;
  &lt;a href="video.ogv#t=29" target="_blank"&gt;&lt;img src="dot.png" /&gt;&lt;/a&gt;
  &lt;/p&gt;
  
  &lt;script&gt;
  var v = document.getElementsByTagName('video')[0];
  v.removeAttribute('controls') // '' in Chrome, "true" in FF9 (string)
  v.controls // true
  &lt;/script&gt;
  </code></pre>