使用 jQuery 重新启动 HTML5

Question

我试图让 HTML5 视频在单击按钮后 2 秒重新开始，但似乎无法弄清楚如何使用 jQuery 实现此目的。这是我的：

var ctrlRE = $('#control-restart'),
    vidMain = $('#main-video')[0];

$(ctrlRE).on('click', function() {
    setTimeout( function() {
        vidMain.pause();
        vidMain.currentTime = 0;
        vidMain.play();
    }, 2000);
});

关于这个HTML：

<video id="main-video" width="640" height="360" muted preload="auto" playsinline>
    <source src="video/spin-animation.mp4" type="video/mp4">
</video>
<div id="control-restart">
    Restart
</div>

但这似乎只是播放和暂停视频，实际上并没有跳回开头。

Answer 1

希望对您有所帮助。

function restartVid(videoId) {
 var vid = document.getElementById('videoId');
 vid.currentTime = 0;
 vid.play();
}

<video id="videoId" width="400" controls>
  <source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  <source src="https://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

<div onclick="restartVid()">Restart</div>

使用 jQuery 重新启动 HTML5

Restart HTML5 using jQuery

jquery

html5-video