Hi, when there is 1 video on a page, the mute and volume controls work fine. When there is more than 1 video, pressing mute or lowering the volume does not work. The next video on the page is instead controlled.
When I click the mute button or move the volume slider up and down on the current video, I can see the other media player's controls moving. In order to control this issue, I need to initialize only the current player that is in use. However, this does not seem like the right way, in that I have to initlize each player on demand, instead of having the media players ready to play. Is there a better way to have multiple media players be in ready mode and have individual control over mute and volume buttons?
To demonstrate this issue, I've created a codepen using the azure demo videos. Each video has it's own ID. To see the issue with the controls, play either one of the videos, then try clicking on the mute or volume button.
https://codepen.io/marcus3874/pen/dyKEgOP