youtube視頻上的按鍵事件

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}); 
    } 
}); 

任何想法如何使視頻聚焦時觸發按鍵事件？

Answer 1

使用 document.activeElement 找出哪些要素集中，如果是視頻標籤（或任何你正在使用）調用運行視頻的功能。