播放按钮不适用于@videogular/ngx-videogular v5.0.1

Question

我最近将项目的 Angular 版本从 9 升级到了 13。由于此版本不再支持 videogular2 软件包，因此我将应用程序迁移为使用 @videogular/ngx-videogular，并且完全按照 github 页面上提到的迁移过程进行操作。

迁移后，我的“播放视频”按钮和全屏、视频滚动等控件消失了。这是因为 DOM 上缺少类。我比较了更改之前的其他环境，DOM 看起来有点不同。它的 DOM 上根本没有“vg-icon-play_arrow”。这就是它的样子 -

我们正在维护本地 videogular.css，我看到它已经导入到 style.scss 中，这在 Angular.json 中被正确提及。我不是前端专家，不知道如何找出为什么这是类“vg-icon-play_arrow”并且“div”元素“overlay-play-container”上缺少flex

关于如何查找问题有什么建议吗？或者什么可能是解决方案？

这是 DOM 的外观

注意：我已经尝试使用@videogular/ngx-videogular推荐的node_modules css，直接在Angular.json中使用而不是项目videogular.css，但它给出了相同的结果。此外，所有字体文件都是按照推荐最新的

Answer 1

这可能与安装的版本有关，就我而言，我在10.0.1版本中遇到了这个问题，所以我将@videogular/ngx-videogular包版本降级到v9.0.0，图标问题得到了修复。