title: play a video in reverse using HTML5 video element
body: <p>I am working on a functionality explained below-
  Once a video is loaded/with a button click, it has to play in reverse. The target devices are smart phones and tablet devices. I am trying to do this using HTML5  tag and read about the <code>playBackRate</code> attribute. Further down, I am using the HTML5 stuff to generate my mobile apps using Phonegap.</p>
  
  <p>Here's a link I found interesting but partially working  -
  <a href="http://www.w3.org/2010/05/video/mediaevents.html" rel="nofollow noreferrer">http://www.w3.org/2010/05/video/mediaevents.html</a></p>
  
  <p>The <code>playbackrate</code>, when changed doesn't do anything except it pushes the video back, by whatever number is given there. </p>
  
  <p>I read it <a href="https://stackoverflow.com/questions/5277293/is-it-possible-to-play-html5-video-in-reverse">here</a> that when <code>playBackRate</code> is set to <code>-1</code>, the reverse playback should happen. </p>
  
  <p>I am not clear on how to exactly implement this. Does the <code>playbackrate</code> actually do this reversing? or should I opt on doing something else?</p>
  
  <p>NEW LINE HERE:
  I am almost there.. found a working example <a href="http://jsfiddle.net/bplumb/h9EVQ/8/" rel="nofollow noreferrer">here</a>. But this is not working when I am trying it on my system. I am not sure where I am making it wrong.</p>