Azure Media Player控件缺失CSS类，显示巨型字符问题求助

Azure Media Player（AMP）是基于Video.js二次开发的播放器，所以它会自动生成一些Video.js原生的控件类名（比如vjs-remaining-time-display）。如果你的项目只引入了AMP的CSS文件，却没引入Video.js的核心基础CSS，这些原生类对应的样式就会缺失，导致控件元素没有样式约束，出现巨型字符的问题。

• 同时引入Video.js基础CSS和AMP的CSS，且注意引入顺序：先导入Video.js的CSS，再导入AMP的CSS，这样AMP的定制样式能正确覆盖基础样式。
  比如在项目入口或组件中添加：

  import 'video.js/dist/video-js.css'
  import 'azuremediaplayer/dist/azuremediaplayer.min.css'
  

• 检查版本兼容性：确认项目中安装的Video.js版本，和AMP依赖的Video.js版本一致。可以查看package.json里azuremediaplayer的依赖声明，安装对应版本的Video.js，避免版本不匹配导致的样式缺失。
• 若通过CDN引入资源，也要确保同时加载Video.js的CSS文件，再加载AMP的CSS文件。

内容的提问来源于stack exchange，提问作者Ricardo Gaefke