使用javascript在一个视频标签中连续获取视频源

我是JavaScript和JQuery新手，请帮助我如何播放一系列视频 当我点击一个按钮时，视频播放器会持续播放。如何编写获取的逻辑 播放列表的视频URL。 提前谢谢

SourceCode:

start.html
<div class="videoplayer"  id="mainvideoplayer">
<div><input type="button" name="play" id="playAll" value="Play"/></div>
</div>

test.js
$(document).ready(function(){
var data = {
           "playlist": [
                         {
                        "videoName": "Video1",
                        "videoUrl": "videos/alu_blech_en.mp4"
                         },
                         {
                        "videoName": "Video2",
                        "videoUrl": "videos/wm30.mp4"
                         },
                         {
                        "videoName": "Video3",
                        "videoUrl": "videos/sample1.mp4"
                         },
                      ]
           };
    var video = $("<video class='item_video'  id='player' autoplay controls >");
    $("#mainvideoplayer").append(video);
    for (var i in data.playlist) {
                  var ele = $("<input type='checkbox' class='links'
                             id= \"" +data.playlist[i].videoName+ "\"
                            value=\""+data.playlist[i].videoUrl+"\">"
                            +data.playlist[i].videoName+"<br />");
                            $(".playlist-detail").append(ele);    
                                 }
    $("#playAll").click(function(event){
     $("#player").attr("src",play[0].link);
      });

   });

源代码：
start.html
test.js
$（文档）.ready（函数（）{
风险值数据={
“播放列表”：[
{
“videoName”：“Video1”，
“videoUrl”：“视频/alu_blech_en.mp4”
},
{
“videoName”：“Video2”，
“videoUrl”：“videos/wm30.mp4”
},
{
“videoName”：“Video3”，
“videoUrl”：“videos/sample1.mp4”
},
]
};
var video=$（“”）；
$（“#主视频播放器”）.append（视频）；
for（data.playlist中的变量i）{
变量ele=$（“”
+data.playlist[i].videoName+“
”；
$（“.playlist detail”）.append（ele）；
}
$（“#播放全部”）。单击（功能（事件）{
$（“#player”）.attr（“src”，play[0].link）；
});
});

像这样做。。。捷径

    $("#playAll").click(function(event){
   var getvideo = document.getElementById('player');
    var videosource = new Array();
    for(i=0;i<data.playlist.length;i++){
    videosource[i] = data.playlist[i].videoUrl;

   }
    getvideo.setAttribute('src', videosource[0]);
    getvideo.play();

    getvideo.addEventListener('ended', myHandler, false);
    function myHandler() {
        i++;
        getvideo.setAttribute('src', videosource[i]);
        getvideo.play();

    }
})

$（“#播放所有节目”）。单击（功能（事件）{
var getvideo=document.getElementById（'player'）；
var videosource=新数组（）；
对于（i=0；i