youtube视频上的keyup事件

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 找出哪个元素是聚焦的，如果它是视频标签（或者你正在使用的任何东西），则调用运行视频的功能。