使用angularJS自定义旋转木马幻灯片

我正在尝试使用youtube api和carousel播放多个视频。在这里，我想根据视频更改幻灯片。我做了样品小提琴

 var player;
    function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
    }

    // autoplay video
    function onPlayerReady(event) {
        event.target.playVideo();
    }

    // when video ends
    function onPlayerStateChange(event) {        
        if(event.data === 0) {            
            alert('done');
        }
    }

在上面的fiddle youtube中，url是硬编码的，但在我的例子中，我将获得每个记录的url。当我点击自动播放按钮时，它将相应地播放所有视频。我对PlayerStateChange（播放所有视频）做了一些改动。当我播放所有视频时，幻灯片内容没有改变。我希望我的问题是清楚的