Skip to content

Remove button focus to be able to use keybinds #1896

@ghispell

Description

@ghispell

Current Behavior

We're using react-player for a sport website. We have playlists of actions that we can navigate through with keybinds and that are played in the video player. When we click any buttons on the player, the focus is set to this button and we cannot use our keybinds to navigate. For example : i'm clicking full screen and want to skip to the next action with "K", it doesn't work because the focus is on the fullscreen button. I have to click on the player to unfocus then use my keybind.

image

Expected Behavior

I want to be able to use my keybinds after clicking a button on the player without having to click on the player to unfocus.

Environment

  • Browser: Chrome

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions