html5 video

by Brett

HTML

<video id="video" controls="controls" autoplay>
	<source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4">
	<source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.ogv" type="video/ogg">
</video>
        <button id="negative">Rewind</button>

CSS

video{
  display: block;
  height: 350px;
}

JavaScript

var video = document.getElementById('video');
var intervalRewind;

$(video).on('play', function() {
    video.playbackRate = 1.0;
    clearInterval(intervalRewind);
});

$(video).addEventListener('ended', function() {
	// nothing yet      
});


$('#negative').click( function() { // button function for rewind
   intervalRewind = setInterval( function() {
       video.playbackRate = 1.0;
       if(video.currentTime == 0) {
           clearInterval(intervalRewind);
           video.play();
       
       } else {
           video.currentTime += -.1;
       }
   }, 30);
});