Aşağıdaki gibi birşey yaptım ama olmadı. şimdi 1 numaralı şarkı başladı ve bitti 2. sıraya geçmeli o bitti 3 geçmeli taki müdahele olana kadar sağlamak istediğim bu.

Aşağıdaki kodda değer değişmiyor ve her seferinde click olmayacak sadece başladığında olacak bunu nasıl sağlarım

<button  num="1" class="button" id="PQ1QCGvNum1"> Şimdi Müzik Çal</button>
<button num="2"  class="button" id="PQ1QCGvNuwww"> Şimdi Müzik Çal</button>
<button num="3"  class="button" id="PQ1QCGvsadas"> Şimdi Müzik Çal</button>
<button num="4"  class="button" id="PQ1QCGvwwed"> Şimdi Müzik Çal</button>
<button num="5"  class="button" id="PQ1QCGvkokk"> Şimdi Müzik Çal</button>
<!-- get jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
<script>
                $(".button").on("click", function() {
                var vidID = $(this).attr('id');
                var id = $(this).attr('num');
                player.loadVideoById(vidID, 0, "default");
                $("#playAudio").addClass("pause");
                let topla = id++;
                let son = topla + 1;
                var deger = document.querySelector('[num="'+son+'"]');
                function onPlayerStateChange(event) {
                if (event.data == YT.PlayerState.ENDED) {
                player.loadVideoById(deger.id);

                }
                }
                });

</script>