HTML5 重置视频并再次播放答案

【问题标题】：HTML5 reset video and play againHTML5 重置视频并再次播放
【发布时间】：2013-05-20 09:41:19
【问题描述】：

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

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

如果我不使用“video.currentTime = 0; 它大部分时间都有效（除非视频太长）。我必须重置视频，以便从头开始播放。现在它重置视频，但它不播放。有什么想法吗？

【问题讨论】：

【解决方案1】：

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

尤其是加载视频可能会给服务器带来沉重的负担。考虑一下每次重播视频时您可能会加载许多兆字节。

用户也需要等待视频重新下载的一小段时间。

我发现最有效和最流畅的解决方案是在更改 currenttime 属性之前暂停视频。

像这样：

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

【讨论】：

【解决方案2】：

这解决了它！我将video.currentTime = 0; 更改为：

video.load();

【讨论】：