Javascript 添加了带有reactjs的videojs质量选择器，但该选择器不工作且未显示在ui中

我已经添加了按照文件格式，但我没有得到在videojs播放器的用户界面。有人可以帮我通过这个。。。我不知道还有什么别的方法可以做这件事

Player.js

<video id="v1"  width="800" height="400" preload autoplay loop   controls ref={ node=>this.videoNode= 
 node } className="video-js vjs-default-skin" 
data-setup='{ "playbackRates": [0.5, 1, 1.5, 2] }'>
<source  src={require('./files/Sample.mp4')} type="video/mp4"  />
<source src={require('./files/Sample.mp4')} type="video/mp4" label="720P" />
<source src={require('./files/Sample.mp4')} type="video/mp4" label="480P" selected="true" />
<source src={require('./files/Sample.mp4')} type="video/mp4" label="360P"/>
</video>

this.videoNode=
node}className=“视频js vjs默认皮肤”
数据设置='{“播放速率”：[0.5,1,1.5,2]}'>

如何将质量选择器控件添加到玩家的控制栏