VideoJS player not working on Opera, FireFox and Safari

[anaygfg]

Description

Video player is not working on Opera, Firefox and Safari. The Player shows "No compatible source was found for this media." message.
Also, In normal window video is auto played and after around 6 seconds video player breaks and this message displayed "The media playback was aborted due to a corruption problem or because the media used features your browser did not support."

On Opera

On Firefox

Reduced test case

https://videojs.com

Steps to reproduce

1. Try to play the video on the home page.
2. Use the browsers listed for Issue

Errors

What version of Video.js are you using?

v7.11.4

Video.js plugins used.

No response

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

Firefox 126.0.1, Opera 111.0.5168.25

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

Linux Ubuntu, Windows, MacOS, iOS

[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.

[mister-ben]

As discussed on Slack, this video is HLS with h264 video and acc video. Some Linux distributions, including Ubuntu, do not have support for these codecs by default and you have to install them. If you do not install them and this is the only source available, there is nothing that can be played. Video.js can be given an array of sources, so it is possible to have, say, a HLS/h264/aac source for most browsers and webm/vp9/opus as fallback. Windows "N" editions or some Windows server versions may also not have these codecs by default.
It's not very plausible that these videos would not be playable on MacOS or iOS as those codecs would always be available. Were these some sort of emulated devices?