如何让视频只循环一次

Question

如何让 html5 视频只循环播放一次？

我正在使用 html 视频标签，我的视频持续十秒钟。我需要20秒的视频播放。

Answer 1

您可以将 autoplay 设置为 true，然后在元素到达末尾时调用 play()。也许不是最好的方法，但我认为它应该有效，这个例子使用 jQuery:

$(document).ready(function() {
  // set this variable to the number of times you like to loop the video
  var loop = 1; 
  // this event will be invoked when the media has reached the end
  $('#video').on('ended', function() {
    // check if we should replay the media
    if(loop--) {
      // replay the video
      this.play();
    }
  });
});

标记应该是这样的：

<video src="test.ogg" id="video" autoplay></video>

如何让视频只循环一次

How can I get a video to only loop once

html

playback

html5-video