Media control keys doesn't work am I doing something wrong?

When playing videos/music on youtube media control keys on many laptops allows play/pause and play next/previous video on a playlist on Youtube
Note: When I say media control keys I mean F9, F10 and F11 keys on my device.

How can this issue be reproduced?

  1. Play any playlist on youtube.
  2. Try pressing media control keys to control media

Expected result:
When the F10 key is pressed it is expected to play/pause the current playing video.
When the F9 key is pressed it is expected to play the previous video on the current playlist.
When the F11 key is pressed it is expected to play the next video on the current playlist.

Brave Version( check About Brave):

Brave	1.31.91 Chromium: 95.0.4638.69 (Official Build) (64-bit)
Revision	6a1600ed572fedecd573b6c2b90a22fe6392a410-refs/branch-heads/4638@{#984}
OS	Linux
JavaScript	V8 9.5.172.25
User Agent	Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36
Command Line	/snap/brave/136/opt/brave.com/brave/brave --enable-crashpad --disable-client-side-phishing-detection --disable-domain-reliability --enable-dom-distiller --no-pings --origin-trial-public-key=bYUKPJoPnCxeNvu72j4EmPuK7tr1PAC7SHh8ld9Mw3E=,fMS4mpO6buLQ/QMd+zJmxzty/VQ6B1EUZqoCU04zoRU= --sync-url=https://sync-v2.brave.com/v2 --lso-url=https://no-thanks.invalid --variations-server-url=https://variations.brave.com/seed --enable-features=WebUIDarkMode,LegacyTLSEnforced,DnsOverHttps,AutoupgradeMixedContent,SafetyTip,PrefetchPrivacyChanges,PasswordImport,ReducedReferrerGranularity --disable-features=AppDiscoveryRemoteUrlSearch,FirstPartySets,CopyLinkToText,PrivacySandboxSettings2,InterestCohortAPIOriginTrial,FlocIdComputedEventLogging,HandwritingRecognitionWebPlatformApiFinch,IdleDetection,InterestCohortFeaturePolicy,FledgeInterestGroups,SettingsLandingPageRedesign,NavigatorPluginsFixed,SignedExchangeSubresourcePrefetch,NetworkTimeServiceQuerying,SubresourceWebBundles,SignedExchangePrefetchCacheForNavigations,TrustTokens,DirectSockets,NotificationTriggers,ComputePressure,WebOTP,AutofillServerCommunication,LiveCaption,ConversionMeasurement,FederatedLearningOfCohorts,AutofillEnableAccountWalletStorage,FledgeInterestGroupAPI,TextFragmentAnchor,ReadLater --flag-switches-begin --flag-switches-end
Executable Path	/snap/brave/136/opt/brave.com/brave/brave
Profile Path	/home/iftakhar/snap/brave/136/.config/BraveSoftware/Brave-Browser/Default
Variations	AdRewardsStudy:NextPaymentDay
BraveTalkStudy:Enabled
ConversionsStudy:NewDefaultPattern
Default1pBlockingStudy:Disabled
EphemeralStorageStudy:Enabled
NativeCosmeticFilteringStudy:Enabled
PartitionConnectionsByNetworkIsolationKeyStudy:Default
PermissionLifetimeReleaseStudy:Enabled
SpeedreaderReleaseStudy:Disabled

Additional Information:
I am using an HP Notebook 14s-dq1504na laptop. And Ubuntu 21.10 OS.