javascript - 仅当视频未结束时才重新开始

Question

我正在使用 javascript 来重新启动 html 视频...只要视频尚未结束，该代码就可以工作。如果视频结束，重新启动按钮会将视频重置为第一帧，但不会播放。关于如何解决此问题有什么想法吗？

function restart() {
var video = document.getElementById("bgvid");
video.currentTime = 0;
}

HTML:

<button class="reload" type="submit" onclick="restart()"></button>

Answer 1

您需要使用 .play() 方法，但在调用 .play() 之前还需要先暂停视频，所以请尝试以下代码:

function restart() {
    var video = document.getElementById("bgvid");

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