Search code examples
javascriptangularplyr

Hide ngx-plyr controls

i'm using plyr with this tag

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

i've done exactly like the tutorial said, but why the buttons appears like that? any thought?

enter image description here

Solution

  • Inside angular.json add the plyr css

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