A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
We tested the Wistia player on their official site and observed inconsistent behavior. When we play the video and then focus out from the player, pressing the up or down arrow keys still affects the volume section of the Wistia player. This same behavior is present in our component: after focusing out from the Wistia player, the volume changes when pressing the up or down arrow keys. We have attached a video demonstrating this issue, which we tested on the official Wistia site (https://wistia.com/demo)
Expected Behavior
When the user presses the up or down arrow keys after focusing out from the Wistia player, the page should scroll without affecting the volume section of the player. The volume control should remain unaffected by arrow key presses when the player is not in focus.
Steps to Reproduce
Added the video below, which contains the issue.
Navigate to the Wistia player and either focus on the player or focus out. Then, press the up or down arrow key. Note that the page will not scroll, but the volume section will be affected.
We do have the accordion below the Wistia player. Inside that, we used the transcript. When we used screen readers like JAWS or NVDA, we found that our accordion text/content is not scrolling. Instead, the volume is changing.
We are not using any library for the player; instead, we are directly calling the Wistia JavaScript file.
Be sure to search for your issue before opening a new one.
Current Behavior
We tested the Wistia player on their official site and observed inconsistent behavior. When we play the video and then focus out from the player, pressing the up or down arrow keys still affects the volume section of the Wistia player. This same behavior is present in our component: after focusing out from the Wistia player, the volume changes when pressing the up or down arrow keys. We have attached a video demonstrating this issue, which we tested on the official Wistia site (https://wistia.com/demo)
Expected Behavior
When the user presses the up or down arrow keys after focusing out from the Wistia player, the page should scroll without affecting the volume section of the player. The volume control should remain unaffected by arrow key presses when the player is not in focus.
Steps to Reproduce
https://github.com/cookpete/react-player/assets/17795619/cdadc8f3-feff-41cf-a2e2-882caba41c97
Environment
Other Information
We do have the accordion below the Wistia player. Inside that, we used the transcript. When we used screen readers like JAWS or NVDA, we found that our accordion text/content is not scrolling. Instead, the volume is changing.
We are not using any library for the player; instead, we are directly calling the Wistia JavaScript file.
script1.src =
[https://fast.wistia.com/embed/medias/${videoId}.jsonp
](https://fast.wistia.com/embed/medias/$%7BvideoId%7D.jsonp%60); script1.async = true; script1.onload = handleScriptLoad; script2.src = 'https://fast.wistia.com/assets/external/E-v1.js'; script2.async = true;by this code player.