Ionic video player doesn't play videos

Ionic Framework
1

i have a problem. my homepage.html is

<div class="embed-responsive embed-responsive-16by9">
<video width="400" autoplay loop class="embed-responsive-item" controls>
  <source src="{{url}}" type="video/mp4">
</video>
</div>
<div id="container">
<button ion-button (click)="playVideo()">Play Video </button>
<button ion-button (click)="stopVideo()">Stop playing Video</button>
</div>

My homepage.ts is :

playVideo(){
this.url= "/assets/videos/Atiye.mp4";
alert(this.url);

this.videoPlayer.play('file:///android_asset/www/assets/videos/Atiye.mp4').then(() => {
  alert('video played');
  }).catch(err => {
    alert(JSON.stringify(err));
  });    
}

 stopVideo(){
alert("stop video");

this.videoPlayer.close();
}

My videos path is
so how can i show it on my screen ?

2

Your video path should be set to /assets/videos/Atiye.mp4" always.

In your videoPlayer.play call, you do not need to use file:/// there.