# Immediately Hide Player Controls using Keyboard Shortcut

**URL:** <https://community.bitmovin.com/t/immediately-hide-player-controls-using-keyboard-shortcut/1049>\
**Category:** Knowledge\
**Tags:** bitmovin-player, code-example\
**Created:** [July 22, 2022, 9:49pm UTC](https://community.bitmovin.com/t/immediately-hide-player-controls-using-keyboard-shortcut/1049 "2022-07-22T21:49:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![seven](https://avatars.discourse-cdn.com/v4/letter/s/3d9bf3/32.png) [@seven](https://community.bitmovin.com/u/seven)\
**Post date:** [July 22, 2022, 9:49pm UTC](https://community.bitmovin.com/t/immediately-hide-player-controls-using-keyboard-shortcut/1049/1 "2022-07-22T21:49:12Z")

</div>

If your requirements are similar to

1. hide player controls via a keyboard short cut BUT
2. display the control bar when mouse moves

this code snippet can help you get started

```auto
    document.addEventListener('keyup', event => {
      if (event.code === 'Space') {
        console.log('Space pressed');
        hideControls();
      }
    })

    function hideControls() {
      var element = document.querySelector('.bmpui-ui-controlbar')
      element.classList.toggle('bmpui-hidden');
    }

```

hope it helps!