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 to the start?

Answer 1

将currentTime属性设置回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() 将重新加载视频并将其放回开始