title: HTML5 - Playing a movie in reverse
body: <p>I'm trying to reproduce the effect that Apple did in macbook pro site (<a href="https://www.apple.com/br/mac-pro/" rel="nofollow">https://www.apple.com/br/mac-pro/</a>) running a movie in reverse.</p>
  
  <p>I found a script in jsFiddle, which apparently runs perfectly. But works only with video from Apple, with my video(exported directaly from After Effects) does not work, skipping parts of the video.</p>
  
  <p>Can anyone tell me if there is a specific video codec for this purpose?</p>
  
  <p>Thank you in advance</p>
  
  <p><strong>Jsfiddle links:</strong></p>
  
  <p><em>Using apple video - <a href="http://jsfiddle.net/h9EVQ/419/" rel="nofollow">http://jsfiddle.net/h9EVQ/419/</a></em></p>
  
  <p><em>Using my video - <a href="http://jsfiddle.net/h9EVQ/418/" rel="nofollow">http://jsfiddle.net/h9EVQ/418/</a></em> </p>
  
  <p>The code:</p>
  
  <pre><code>intervalRewind = setInterval(function(){
         video.playbackRate = 1.0;
         if(video.currentTime == 0){
             clearInterval(intervalRewind);
             video.pause();
         }
         else{
             video.currentTime += -.1;
         }
  },30);
  </code></pre>