JavaScript-端上播放视频

我需要能够创建一个if语句，基本上说：

if (var video == end)
{
playVideo('videoname');
}

我在想，它实际上可能必须在一个循环中，所以一旦视频结束，它将移动到下一个，但是使用这个if语句，它将只执行一次

我只有C++的经验（4个月的价值），JavaScript有点不同。我正在为网站使用全屏背景播放器，以下是代码：

HTML初始化JS

<script>
    $(document).ready(function() {
        $('dl').toggle();
        $('h2').bind('click', function(event) {
            event.preventDefault();
            $(this).next('dl').slideToggle(500, function() {
                $('.video-background').videobackground('resize');
            });
        });
        $('body').prepend('<div class="video-background"></div>');
        $('.video-background').videobackground({
            videoSource: [['video/video-1.mp4'],
                ['video/video-1.webm'], 
                ['video/video-1.flv'], 
                ['video/video-1.wmv'], 
                ['video/video-1.mov'], 
                ['video/video-1.ogv']], 
                controlPosition: '.video-control-test',
            poster: '',
            loadedCallback: function() {
                $(this).videobackground('');
            }
        });
    });
</script>

---

我就是不知道该用什么函数和变量

在每个视频上绑定到

结束的
事件。差不多

$('#videoElm').bind("ended",function(e){
     playNext();
})

更新
更新代码以反映注释

var videoSources=[//循环中要使用的源数组
["http://www.w3schools.com/html/mov_bbb.mp4","http://www.w3schools.com/html/mov_bbb.oog"],
["http://www.w3schools.com/html/movie.mp4","http://www.w3schools.com/html/movie.wmv"]
];
var-videoPtr=0//记录我们正在播放的视频
$（函数（）{
$（'body'）。前缀（“”）；
视频活套（）；
});
函数videoLooper（）{
如果（videoPtr>=videoSources.length）{//如果我们看到最后一个视频
videoPtr=0；//重置为第一个视频
}
$（“.video background”）.videobackground({
videoSource:videoSources[videoPtr++]，
controlPosition:“.视频控制测试”，
海报：''，
loadedCallback:函数（）{
var，该值=$（此值）；
$（this）.find（“video”）.on（“ended”，function（）{
视频背景（“销毁”）；
视频活套（）；
});
$（此）.视频背景（“”）；
}
});
}
请删除与问题无关的代码部分。老实说，我不知道代码的哪些部分是或不是。videoELM-我也在更改什么？我还将我的视频url放入playNext（）；？你能告诉我们你用来初始化插件的代码吗？（您正在设置的选项）啊，非常好。你能给我解释几件事吗？var videosources-我可以在这里有多个文件扩展名而不播放同一个视频吗。wemb、.flv等？什么是视频PTR？还有什么可以循环的吗？太棒了！！谢谢你，好心的先生
function nextvid(that)
{
    if (var video==ended)
        {

        }

}

$('#videoElm').bind("ended",function(e){
     playNext();
})

var videoSources = [//array of sources to use in the loop
   ["http://www.w3schools.com/html/mov_bbb.mp4","http://www.w3schools.com/html/mov_bbb.oog"],
   ["http://www.w3schools.com/html/movie.mp4","http://www.w3schools.com/html/movie.wmv"]
];

var videoPtr = 0;//keeps count which video we are upto

$(function () {
   $('body').prepend('<div class="video-background"></div>');
   videoLooper();
});
function videoLooper(){
   if(videoPtr >= videoSources.length){//if we got to the last video
      videoPtr = 0;//reset to first video
   }

   $(".video-background").videobackground({
      videoSource: videoSources[videoPtr++],
      controlPosition: '.video-control-test',
      poster: '',
      loadedCallback: function () {
         var that = $(this);
         $(this).find("video").on("ended",function(){
            that.videobackground('destroy');
            videoLooper();
          });
          $(this).videobackground('');
      }
  });
}