вставлять несколько видео на YouTube в Chromeless Cue Player

Question

Так что в проекте, над которым я работал, я использую API YouTube, чтобы добавить видео в Chromeless Player (есть пользовательские кнопки, все работает без проблем).

Загружает идентификатор YouTube, который он получает из базы данных (Codeigniter, PHP). Но то, что я хотел бы видеть: вместо загрузки 1 видео, я хотел бы добавить все видео, которые я получаю из базы данных в реплике этого одного игрока.

Таким образом, только один экран, первое видео, полученное из dbase, воспроизводится первым, когда его загруженная секунда загружается, предпочтительно также зацикливается. Есть ли способ, которым я могу достичь этого?

Моим первым предположением было бы сохранить массив с идентификаторами YouTube где-нибудь и при изменении состояния (когда запускается событие video stop) загрузить следующий идентификатор из массива. Еще не пробовал, потому что id предпочитает, если подсказка просто заполняется в init, поэтому его не нужно загружать после окончания видео. Это возможно?

Answer 1

Сначала вы должны использовать Youtube API версии 2 для активации новой функции смены состояний.

Это код для вас:

var video_list = [
    '21OH0wlkfbc',
    'InZNBcJTmWs',
    'iIzqYiRo01E',
    'ZYmADPVEqU4'
];
var video_current = 0;

function onYouTubePlayerReady( ) {
    var o = document.getElementById( 'ytplayer2_object' );
    if( o ) {
        o.addEventListener( "onStateChange", "ytplayer_statechange" );
    }
}
function ytplayer_statechange( state ) {
    // 0 => video ended
    if ( state == 0 ) {
        video_current++;
        video_current %= video_list.length;
        ytplayer_loadvideo(video_list[ video_current ]);
    }
}