HTML5 video javascript controls - restart video

Question

I know how to start and stop a video with play() and pause(), but how do I put a video back to the start in HTML5 using javascript? is there a way to move the pointer back t

Answer 1

Set the currentTime property back to 0.

Answer 2

To have a proper stop functionality you could do the following:

var video = document.getElementById('vidId');
// or video = $('.video-selector')[0];
video.pause();
video.currentTime = 0;
video.load();

Note: This is the only version that worked for me in chrome using nodejs (meteorjs) in the backend, serving webm, mp4, ogg files

Answer 3

load() will reload video and put it back to start