如何让视频只循环一次

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>