Javascript 如何使用单击和转义键隐藏对象？

我想将此功能添加到单击此框外部和使用escape键。我该怎么做呢

下面是通过单击来隐藏元素的工作代码：

 $('.player-wrapper, .player .close').click(function(){
var source = $('.brand-video').find('iframe').attr('src');
  $('.brand-video').find('iframe').attr('src', '');
  $('.brand-video').find('iframe').attr('src', source);
$('.player-wrapper').hide().css('opacity', 0);
$('html').css('overflow', 'visible');
$('.player').css({
  transform:'scale(0,0)',
  '-webkit-transform':'scale(0,0)',
  '-moz-transform':'scale(0,0)',
  '-o-transform':'scale(0,0)'
}).hide();
$('.player-wrapper').removeClass('video');
});

---

如何将转义键添加到此项？谢谢你的帮助！以下是网站：

您可能可以这样做

var KEYCODE_ESC = 27;

function hideVideo() {
    var source = $('.brand-video').find('iframe').attr('src');
    $('.brand-video').find('iframe').attr('src', '');
    $('.brand-video').find('iframe').attr('src', source);
    $('.player-wrapper').hide().css('opacity', 0);
    $('html').css('overflow', 'visible');
    $('.player').css({
        transform:'scale(0,0)',
        '-webkit-transform':'scale(0,0)',
        '-moz-transform':'scale(0,0)',
        '-o-transform':'scale(0,0)'
    }).hide();

    $('.player-wrapper').removeClass('video');
}

$(document).keyup(function(e) {
    if (e.keyCode == KEYCODE_ESC) { hideVideo(); } 
});

$('.player-wrapper, .player .close').click(function(){ hideVideo(); });