Использование встроенного индекса плейлиста YouTube для циклического перемещения по массиву ⇐ Html

[Anonymous]

У меня есть плейлист YouTube, встроенный в iframe, и я надеялся использовать индекс плейлиста для циклического перемещения по массиву заголовков на экране (т. е. когда начинается воспроизведение следующего видео, отображается следующий элемент массива). Возможно ли это? Что я делаю неправильно? Заранее извиняюсь, потому что я новичок в JS... возможно, это бред, но мне казалось, что я что-то понял.


https://www.youtube.com/embed?listType= ... =1&html5=1

var myArray = ["song 1", "song 2"];

var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('video', {
events: {
'onReady': onPlayerReady
}
});
}

function onPlayerReady(event) {
console.log(Array.from(document.querySelectorAll('.ytd-playlist-video-list-renderer #video-title')).map((el) => {return el.textContent.trim()}).sort().join("\n"))

var Number =
function(){
player.getPlaylistIndex();
};
var print = document.getElementById('print');
print.innerHTML = myArray[Number];
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... ough-array