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

Attention: Patch coverage is 55.55556% with 4 lines in your changes missing coverage. Please review.

Project coverage is 83.23%. Comparing base (ecef37c) to head (461bab0).
Report is 4 commits behind head on main.

Files with missing lines	Patch %	Lines
src/js/player.js	55.55%	4 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8906      +/-   ##
==========================================
- Coverage   83.25%   83.23%   -0.02%     
==========================================
  Files         120      120              
  Lines        8097     8106       +9     
  Branches     1944     1947       +3     
==========================================
+ Hits         6741     6747       +6     
- Misses       1356     1359       +3     

☔ 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.