javascript - HTML5 重置视频并重新播放

Question

我正在使用 timesheets.js 并希望在 slider 处于事件状态时播放 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();