feat: Add global hotkey support

[sinaru]

Description

The video player does not currently support global hotkeys. Hotkeys only work when we have focus on the player. This PR is to introduce global hotkey support.

With this change, for example, if you land on the page with a video player, and does not have focus on any specific fields like form fields or the video player, you can perform a hotkey event like space bar key press which will play/pause video.

Specific Changes proposed

Global hotkeys are not turned on by default. To turn on, need to set userActions.globalHotkeys option to true. As below:

var player = videojs(vid, {
  userActions: {
    globalHotkeys: true,
    hotkeys: true
  }
});

Requirements Checklist

• Feature implemented / Bug fixed
• If necessary, more likely in a feature request than a bug fix
  • Change has been verified in an actual browser (Chrome, Firefox, IE)
  • Unit Tests updated or fixed
  • Docs/guides updated
  • Example created (starter template on JSBin)
  • Has no DOM changes which impact accessiblilty or trigger warnings (e.g. Chrome issues tab)
  • Has no changes to JSDoc which cause npm run docs:api to error
• Reviewed by Two Core Contributors

[welcome]

💖 Thanks for opening this pull request! 💖

Things that will help get your PR across the finish line:

• Run npm run lint -- --errors locally to catch formatting errors earlier.
• Include tests when adding/changing behavior.
• Include screenshots and animated GIFs whenever possible.

We get a lot of pull requests on this repo, so please be patient and we will get back to you as soon as we can.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 83.74%. Comparing base (19ca3f2) to head (5eed623).

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8906      +/-   ##
==========================================
+ Coverage   83.72%   83.74%   +0.01%     
==========================================
  Files         120      120              
  Lines        8110     8119       +9     
  Branches     1949     1952       +3     
==========================================
+ Hits         6790     6799       +9     
  Misses       1320     1320              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[mister-ben]

This could use some tests. Especially to cover cases where the a keypress on other elements shouldn't trigger the action.

[sinaru]

Hi @mister-ben sorry for getting back to you late. Yes I agree. I tried to add a test and wanted to run locally to check the test but I couldn't figure out how to run the specific test in isolation. Is there a specific command we can use so we can just tell test file path and line number? The only thing I have is a way to run the whole test suite. This is not practical when writing the test.

[mister-ben]

If you change QUnit.test() to QUnit.only(), only that test runs.

[sinaru]

@mister-ben I have added couple of tests.