Volume slider not accessible using TalkBack

[gvsboy]

Description

The volume slider is not accessible using the TalkBack screen reader. I've experienced the following:

1. When navigating the media player using swipe interactions, the slider UI does not render when it receives focus.
2. When attempting the interact with the slider, nothing happens. I've attempted interactions with the guidance here. Perhaps this is related to the first point.

These are reproducible within live examples:

1. Navigate to https://videojs.com and tap on "Demos". Any of these demos should exhibit this behavior.
2. Navigate to https://videojs-http-streaming.netlify.app. (I'm told this page always contains the latest player version.)

Reduced test case

https://videojs-http-streaming.netlify.app

Steps to reproduce

1. Navigate to the "Reduced test case" URL using an Android device.
2. Turn on TalkBack.
3. Use swipe gestures to navigate to the volume slider.
4. Note that the slider does not render.
5. Attempt to interact with it.
6. Note that nothing happens when this attempt is made.

Errors

No response

What version of Video.js are you using?

We're using 7.19.0 for our project, but this is reproducible in the latest (assuming that version is used on the main videojs site)

Video.js plugins used.

No response

What browser(s) including version(s) does this occur with?

Chrome (latest)

What OS(es) and version(s) does this occur with?

Android

[welcome]

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.