2016-04-24 18 views
0

私は別のボタンを使ってビデオをコントロールする必要があるため、YouTubeプレーヤーAPIを使用してYouTubeビデオプレーヤーを作成しようとしています。youtube player api - ビデオのプレイリストが作成されていません

私は一瞬のために、この例を、以下、それは私のプロジェクトで動作するかどうかを確認しようとしている:http://demo.tutorialzine.com/2015/08/how-to-control-youtubes-video-player-with-javascript/

私は文字通りコピーして自分のプロジェクトに貼り付けると、動画IDを交換しますが、鉱山で、プレイリストは生成されず、なぜ私は本当に理解できません。

この私のコードです:このペンで

function onYouTubeIframeAPIReady() { 
    player = new YT.Player('videoplaceholder', { 
     videoId: '2CzXHiKIFps', 
     playerVars: { 
      color: 'white', 
      playlist: 'taJ60kskkns,FG0fTKAqZ5g' 
     }, 
    }); 

    $('#play').on('click', function() { 
     player.playVideo(); 
    }); 

    $('#pause').on('click', function() { 
     player.pauseVideo(); 
    }); 

    $('#next').on('click', function() { 
     player.nextVideo() 
    }); 

    $('#prev').on('click', function() { 
     player.previousVideo() 
    }); 
} 

あなたがアクションでそれを見ることができます:私は本当に私が間違ってやっているのか理解していない http://codepen.io/nickimola/pen/bpjyMK?editors=1010

、任意のヘルプは本当になります感謝。どうもありがとう。

必要であれば、これは私が使用する必要がある動画IDです:

2CzXHiKIFps 
Dqd0ZcwAg 
Iv69Wd7f8-E 
3ZPIi88jyHk 
UMSAlyCtrSQ 

答えて

1

同上Dqd0ZcwAgr-Dqd0ZcwAghttps://www.youtube.com/watch?v=r-Dqd0ZcwAg

これが機能するようになります。

player = new YT.Player('player', { 
    videoId: '2CzXHiKIFps', 
    playerVars: { 
     color: 'white', 
     playlist: 'r-Dqd0ZcwAg,Iv69Wd7f8-E,3ZPIi88jyHk,UMSAlyCtrSQ' 
    }, 
}); 
+0

おかげで多くのことを。これは機能します。 – Nick

関連する問題