jquery - 在 "ended"事件上循环 HTML5 视频

Question

播放 html5 视频。完成后，将调用下面的脚本，该脚本会增加下一个视频，并将其添加到下一行并开始播放。如何将其变成循环，以便一旦第二个视频播放完毕，它将附加第三个视频，依此类推？

<div>
    <video id="video0" autoplay>
        <source src="video0.mp4" />
    </video>
</div>

.

var i=0
$('video'+i).on("ended", function() {
    i++;
    $(this).parent().append('<br /><video id="video'
        + i
        + '" autoplay><source src="video'
        + i
        + '.mp4" /></video>');
    };

Answer 1

更新答案:

重新阅读您的问题并查看更改后，这里有一些逻辑应该可以满足您的要求......

var i = 0;
var numVideos = 5;
var addVideo = function() {
    i++;
    var nextVideo=$('<video id="video'
        + i
        + '" autoplay><source src="video'
        + i
        + '.mp4" /></video>');
    nextVideo.on('ended', addVideo);
    $(this).after('<br />').after(nextVideo);
};
$('video0').on('ended', addVideo);

原始答案:

如何将 loop 属性添加到 video 标记中？ W3 Resource