After capturing video not able to display that video Plz help

Ionic Framework ionic-v3
1

I am getting this path

file:///storage/emulated/0/DCIM/Camera/VID_20170609_121821.mp4

the video not displaying its just displaying like thumbnails…

2

What does that mean?

3

after caturing video and then displaying dynamically it will be like this attachment

image
IMG_20170609_142723.jpg3120×4160 2.15 MB

4

it wont play wont do anything here is my code
typescript

this.mediaCapture.captureVideo(options).then(
      (data1: MediaFile[]) => {
        for (var i = 0; i < data1.length; i++) {
          let temp = data1[i];         
            this.storeVideoPath.push({ "src":temp.fullPath});                           
        }

html

<ion-content padding overflow-scroll="true">
  <span class="text">Attachment Id #Temp</span>
  
<ion-list class="parentListClass">

    <ion-label color="black" stacked><span class="text">Customer Information </span><span class="mandatory_field">*</span></ion-label>
    <textarea type="text" class="cust_info" [(ngModel)]="cust_info" name="descri"></textarea>
<ion-item *ngFor="let video of storeVideoPath" class="col">
        <video controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer">
          <source src= "{{video.src}}" type="video/mp4"/></video>
      </ion-item>
  </ion-list>
</ion-content>