Javascript JSON Youtube视频旋转木马

我正在尝试使用JSON和BxSlider创建一个Youtube视频转盘。 视频正在加载JS，点击后，它们将作为弹出窗口打开

这一切都与唯一的事情，而不是显示所有的视频作为一个旋转木马，它只显示其中一个。我已经尝试了很多方法，使用数组等等，但是我找不到将其余视频作为旋转木马加载的方法

这是我创建的代码，下面是我使用的代码：

<h2>Videos</h2>

<div class="blackout">&nbsp;</div>

<div class="yt-player">
<div class="yt-player"><iframe></iframe></div>
</div>
  
  </div>




$(document).ready(function(){

  // Video playlist
  var videos = '0ExTYouadBM, y-Jx1tWZ_GA, Oh6QSomwTaQ'; 



  // Inject video playlist
  $('.container.content').after( '<ul id="videos"></ul>' );
  q = 'https://www.googleapis.com/youtube/v3/videos?id='+videos+'&key=AIzaSyAKEXb80npttUTLKOv2wWAXpE2InBoWids&fields=items(snippet(title),id)&part=snippet';
  console.log(q);
  $.ajax({
    url: q, 
    dataType: "jsonp",
    success: function(data){
      for (i = 0; i < data.items.length; i++) {
        $('ul#videos').append('<li><a id="'+data.items[i].id+'"><img src="https://img.youtube.com/vi/'+data.items[i].id+'/hqdefault.jpg" /><span>'+data.items[i].snippet.title+'</span></a></li>');
        if ( i+1 == data.items.length ) { 
          $('ul#videos').bxSlider( { minSlides: 2 , maxSlides : 5 , slideWidth : 480 , moveSlides : 1 , pager : false } );
          $('ul#videos a').click(function () {
            vid = $(this).attr('id');
            $('.blackout, .yt-player').show();
            $('.yt-player iframe').attr('src','https://www.youtube.com/embed/'+vid);
            $('.blackout').click( function () {
              $('.blackout, .yt-player').hide();
              $('.yt-player iframe').attr('src','');
            } );
          });
        }
      }
    },
    error: function(jqXHR, textStatus, errorThrown) {
        console.log(textStatus, + ' | ' + errorThrown);
    }
  });

}); ```

视频
$（文档）.ready（函数（）{
//视频播放列表
var视频='0ExTYouadBM，y-Jx1tWZ_GA，Oh6QSomwTaQ'；
//注入视频播放列表
$（'.container.content'）。之后（'
）；
q='https://www.googleapis.com/youtube/v3/videos?id=“+videos+”&key=AIzaSyAKEXb80npttUTLKOv2wWAXpE2InBoWids&fields=items（snippet（title），id）&part=snippet'；
控制台日志（q）；
$.ajax({
网址：q，
数据类型：“jsonp”，
成功：功能（数据）{
对于（i=0；i'+data.items[i].snippet.title+''）；
如果（i+1==data.items.length）{
$（'ul#videos'）.bxSlider（{minSlides:2，maxSlides:5，slideWidth:480，moveSlides:1，pager:false}）；
$（'ul#videos a'）。单击（函数（）{
vid=$（this.attr（'id'）；
$（'.blackout，.yt player'）.show（）；
$（'.yt player iframe'）.attr（'src'，'https://www.youtube.com/embed/“+vid）；
$（'.blackout'）。单击（函数（）{
$（'.blackout，.yt player'）.hide（）；
$（'.yt player iframe'）.attr（'src'，''）；
} );
});
}
}
},
错误：函数（jqXHR、textStatus、errorshown）{
log（textStatus，+'|'+errorshown）；
}
});
}); ```