keyup event on youtube video

Question

Я пытаюсь создать демонстрационное приложение, которое воспроизводит список видеороликов youtube. Я добавил функцию, которая воспроизводит следующее/предыдущее видео на основе стрелки вверх/вниз. Это отлично работает, когда видео не нажимается. Но он перестает работать при щелчке видео.

var video_list=[{'videoId':'abcd', 'videoId':'efgh']; 
    var index = 0; 
    $(document).on('keyup', function(event){ 
     var keycode = (event.keyCode ? event.keyCode : event.which); 
     if(keycode == '38') { 
     if(index < video_list.length-1){ 
      index += 1; 
     } else { 
     index = 0; 
     } 
     player.loadVideoById({'videoId': video_list[index].videoId}); 
    } 
    if (keycode == '40') { 
     if(index > 0) { 
     index -= 1; 
     } else { 
     index = video_list.length-1; 
     } 

player.loadVideoById({'videoId': video_list[index].videoId}); 
    } 
}); 

Любая идея, как я могу активировать событие keyup при фокусировке видео?

Answer 1

Используйте document.activeElement , чтобы узнать, какой элемент сфокусирован, если это тег видео (или что вы используете), вызовите функцию, которая запускает видео.