HTML5重置视频并再次播放

Question

我正在使用timesheets.js并希望在滑块处于活动状态时播放HTML5视频.我正在使用此代码:

if (document.getElementById("v_"+element.id))
{
video = document.getElementById('v_'+element.id)
video.currentTime = 0;
video.play();
}

如果我没有使用"video.currentTime = 0;它大部分时间都有效(除非视频太长).我必须重置视频,以便从头开始播放.现在它会重置视频,但它不会不玩.任何想法？

Answer 1

虽然Stichy对他自己的问题发布了足够的答案,但该方法video.load()会在从服务器重新加载视频时导致使用不必要的带宽.

特别是加载视频会给服务器带来沉重的负担.考虑每次重播视频时你可能会加载很多兆字节.

还有一段短时间内用户需要等待视频重新下载.

我发现最有效和无缝工作的解决方案是在更改currenttime属性之前简单地暂停视频.

像这样:

video.pause();
video.currentTime = 0;
video.play();

Answer 2

这解决了!我改为video.currentTime = 0;:

video.load();