如何修复TJS中video.js包的css

我在react中使用video.js构建视频播放器，但当我使用npm package安装它时，它没有提供内置css，我如何添加video.js的内置css，而不是控制栏我得到了如下图所示的东西

import React，{Component}来自'React'；
从“video.js”导入videojs；
从“../../analytics/sendData”导入{sendData}；
类Video360Player扩展组件{
componentDidMount（）{
//实例化Video.js
const videoJsOptions={
自动播放：对，
控制：对，
资料来源：[{
src:this.props.videoUrl，
类型：“视频/mp4”
}]
}
this.player=videojs（this.videoNode，videoJsOptions，this.props，函数onPlayerReady（）{
console.log（'onPlayerReady'，this）
});
}
//卸载时摧毁玩家
组件将卸载（）{
if（this.player）{
this.player.dispose（）
}
}
//使用'datavjsplayer'属性将播放器包装在div中
//所以videojs不会在DOM中创建额外的包装器
//看https://github.com/videojs/video.js/pull/3856
render（）{
返回(
this.videoNode=node}className=“video js”>
)
}}
导出默认Video360Player

在组件文件顶部添加以下行：

import 'video.js/dist/video-js.css';

---

正如这里指出的：

很酷，很乐意提供帮助。但是如果我更改视频，它不会在视频播放器上更新。如果您更改视频源，您的意思是样式不存在吗？如果是，请检查导入样式的确切位置。可能尝试在

App.js

或其他父组件中导入样式。不，不，不，如果我想在视频播放器上播放其他视频，则不会播放，在视频播放器中，仅上一个视频仅播放我看到你将视频源作为

this.props.videoUrl

，传递给我，只需确保父组件正在通过状态更改传递

videoUrl

。