javascript - HTMl5 + JS 自动视频播放列表

Question

http://jsfiddle.net/arvnnxpw/

好的，所以当 js 代码到达最后一个视频时，它只是停止而不是返回到第一个视频，我该如何解决这个问题？

我尝试了多种方法，但无法让它在播放最后一个视频后返回到第一个视频。

$(function() {
var $videos = $("#playlist li");
var $video = $("#videoarea");
var current = 0;
var max = 1;

function playVideo(video) {
    current = elIndex($videos, video);
    if (!current) {
        return false;
    }
    $video.attr({
        "src": $(video).attr("movieurl"),
        "autoplay": "autoplay"
    })
}

$video.attr({
    "src": $videos.eq(current).attr("movieurl"),
        "autoplay": "autoplay"
})

$video.on('ended', function () {
  if (current == max) {
        playVideo($videos[0]);
    } else {
                playVideo($videos[current + 1]);
    }
});

function elIndex(parent, el) {
    for (var i = 0; i < parent.length; i += 1) {
        if (parent[i] === el) {
          return i;   
        }
    }

    return null;
}

Answer 1

问题是:

if (!current) {
    return false;
}

因为当它尝试再次播放第一个时 current = 0 所以 !current 返回 true。如果您更改 if for if(current == undefined)，则一切正常。

This fiddle对我来说效果很好。