vg-play-pause button does not show up

Description

vg-play-pause button does not show up

Expected Behavior

vg-play-pause button should show up

Steps to Reproduce

` <vg-player (onPlayerReady)=“onPlayerReady($event)” *ngIf=“selectedVideoUrl”> <vg-buffering></vg-buffering>

  <vg-controls [vgAutohide]="true" [vgAutohideTime]="3">
      <vg-play-pause></vg-play-pause>
      <vg-playback-button></vg-playback-button>

      <vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>

      <vg-scrub-bar>
          <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
          <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>
      </vg-scrub-bar>

      <vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>

      <vg-mute></vg-mute>
      <vg-volume></vg-volume>

      <vg-fullscreen></vg-fullscreen>
  </vg-controls>

  <video #myMedia [vgMedia]="myMedia" [src]="selectedVideoUrl" id="my-video" preload="auto" [controls]="controls">
  </video>

</vg-player>`

Attachments

Please see the attached screenshot.

[devcer]

<link rel="stylesheet" type="text/css" href="../node_modules/videogular2/fonts/videogular.css">

Did you linked this css file in your index.html?

[prachi1011-ui]

Copied videogular font folder into your local folder and added style link in index.html , which solved the problem.