Display progress of . video playing using Iframe youtube player api

I've embedded youtube video using their ipframe API. I am able to load a video and play. However, I want to show the current time of the video on the UI. It never refreshes until there is UI event, like I click on a button. I am using Angular 8. here is my template code:

...
<button class="btn btn-dark mb-5" (click)="onMute()">Mute</button>
<button class="btn btn-dark mb-5" (click)="onUnmute()">Unmute</button>
</div>
<p>Progress: {{videoProg}}</p>

<!-- YT Player will embed IP frame below.-->
<div class="mt-1" id="player"></div>

Here is my component code:

  this.subscription = source.subscribe(val => {
  this.videoProg = this.cleanTime()
  console.log("check progress fired. ", this.videoProg);
});

Here is how the UI looks: