How to do Autoplay videos on scroll

Ionic Framework
#1

0

I am using ionic 4. I want to do automatically play and pause videos in my app when we scrolls. The function like how facebook play the video. Can I know how to do it?

Here is my code (home.component.html):

<ion-card>
<ion-card-content>
<video 
    controls
    [src]="URL"
    type="video/mp4">
  </video> 
</ion-card-content>
</ion-card>

Here is my home.page.html

<div *ngFor="let video of videos">
    <app-home-card [video]="video"></app-home-card>
  </div>