隐藏 ngx-plyr 控件

Question

我正在使用带有此标签的 plyr

<plyr style="display: block; width: 100%;" [plyrPlaysInline]="false" plyrTitle="Video 1" [plyrSources]="videoSources"
  (plyrInit)="player = $event" (plyrPlay)="played($event)" (plyrPause)="paused($event)">

我完全按照教程说的做了，但是为什么按钮会那样显示？有什么想法吗？

Answer 1

在 angular.json 内添加 plyr css

"styles": [
    ...
   "node_modules/plyr/dist/plyr.css",
    ...
],

隐藏 ngx-plyr 控件

Hide ngx-plyr controls

javascript

angular

plyr