javascript - Jquery自動再生ビデオシーケンスが機能しない

Question

私はこのコードを数日間使用していますが、理解できません。

YouTube api を使用して自動再生ビデオ シーケンスを実行できました。これが私の例です：

http://www.reyesmotion.com/videosequence/index.html

ただし、動的に作成されたビデオ ID の配列が必要なので、次のように変更します。

<script>
$(function(){
    $('li').on("click",function(){

        var pilename = $(this).attr('data-pile');
        var videoIDs = [];
        $("li[data-pile='"+pilename+"']").each(function(index){
            videoIDs.push($(this).attr('id'));

        var player, currentVideoId = 0;

        function onYouTubeIframeAPIReady() {
            player = new YT.Player('player', {
                height: '350',
                width: '425',
                events: {
                    'onReady': onPlayerReady,
                    'onStateChange': onPlayerStateChange
                }
            });
        }

        function onPlayerReady(event) {
            event.target.loadVideoById(videoIDs[currentVideoId]);
        }

        function onPlayerStateChange(event) {
            if (event.data == YT.PlayerState.ENDED) {
                currentVideoId++;
                if (currentVideoId < videoIDs.length) {
                    player.loadVideoById(videoIDs[currentVideoId]);
                }
            }
        }
    });
});
</script>

これがこの試みです: http://www.reyesmotion.com/videoTest/index.html

ただし、youtube api メソッドが呼び出されることはありません。

私のコードに何か問題がありますか?