Play button not working for @videogular/ngx-videogular v5.0.1

[sanjeev2611]

I upgraded my project's Angular version from 9 to 13 recently. Since videogular2 package is no longer supported with this version, I migrated the application to use @videogular/ngx-videogular and I exactly followed process for migration mentioned on the github page.

After migration, it appears my "Play video" button and controls like full screen, video scroll are missing. This is due to absence of class on the DOM. I compared other environments we have before changes and DOM looks a bit different. It doesn't have "vg-icon-play_arrow" on the DOM at all. This is how it looks -

We are maintaining local videogular.css and I see its already imported in style.scss which is correctly mentioned in Angular.json. I am not an expert in front end and not sure how can I find out why this is class "vg-icon-play_arrow" and flex is missing on "div" element "overlay-play-container"

Any suggestions on how to approach finding whats the problem? or what might be solution?

Note: I already tried using node_modules css which is recommended by @videogular/ngx-videogular by directly using in Angular.json instead of project videogular.css but it gives same results. Also all fonts files are latest as per recommendation

Expected Behavior

Play pause button and other controls should appear on the video

Actual Behavior

"Play video" button and controls like full screen, video scroll are missing. They only appear if css classes are manually added to the DOM

Steps to Reproduce

If this is an issue, describe the steps you took to see the issue. If this is a feature, delete this block.
Just open the video on the site and observe the tile