uzmanlık Sorusu Sıra geçişi

Merhaba,

Sitemde Sırası ile youtub video oynatıyorum ama sıra geçişlerinde bir sorun yaşıyorum sıra geçişini nasıl sağlarım orada takıldım.

id ile video kodunu gönderiyorum ve burada 10 tane sırası ile video id olduğunu düşünelim. Birinci video tıkladı ve oynamaya başladı video bittiğinde 2. video geçmesi lazım bunun id otomatik nasıl alıp sıraya *******.

Örnek

1 : id="abjsjns"
2 : id="215sa1d32s"
3: id="kdd0d"

şimdi Çalmaya başladım 1 id aldım

aşağıda video bittiğinde 2. sıraya geçirdiğim kod var ama 2. sıraya nasıl geçtiğini anlayıp oraya o id atamalıyım ve 2. bittiğinde 3 atamalıyım bunu nasıl bir mantıkla kurup atarım yakalarım kafam çorba

ustalar bir el atın

if (event.data == YT.PlayerState.ENDED) 
{
player.loadVideoById ('  Buraya sıradaki video id almalıyım.  ');
}

ilk önce video sırasını tutan bir değişken oluşturman gerekir.

var currentVideo = 1;

Sonra, 'video bittiğinde' eventinin içinde bu değişkeni kullanarak sıradaki videoyu yüklemek için şu kodu kullanmalısın

if (event.data == YT.PlayerState.ENDED) {
    currentVideo++;
    player.loadVideoById(videoIds[currentVideo]);
}

Eğer video sırasının sonuna geldi ise tekrar ilk videoya gitmeli. Bu yüzden currentVideo > videoIds.length kontrolü yapılmalı .

if (event.data == YT.PlayerState.ENDED) {
    currentVideo

Arkadaşlar Şimdi Sıraladım ve değişkene atadım bir sonraki geçişte sonraki şarkının Id değerini arttırdım ama o id videoID ALıp şarkıyı başlatamadım.. Sorunum Bu şuan.

Başlattığımda VideıID alıp şarkıyı başlattım ve currentVideo aldım şarkı bittiğinde değeri alıp 1 arttırdım ama o değerdeki vidID almadığı için diğer şarkıya geçişi sağlayamıyorum.

Aşağıdaki butonla 5 başlattım bittiğinde num değerindeki 6 aldım bu değerdeki id alıp onu VideoID eşleştirirsem sorunum çözülecek.

<td><button  class="button" num="5" id="abls2516"> Şimdi Müzik Çal</button></td>
<td><button  class="button" num="6" id="abls2516"> Şimdi Müzik Çal</button></td>

        $(".button").on("click", function() {
            var vidID = $(this).attr('id');
            var currentVideo = $(this).attr('num');
            cal.currentVideo = currentVideo;
            player.loadVideoById(vidID, 0, "default");
            $("#playAudio").addClass("pause");
        });
        function onPlayerStateChange(event) {
            if (event.data === YT.PlayerState.ENDED) {
                cal.currentVideo++;
                player.loadVideoById(vidID[cal.currentVideo]);
            }
        }