Video capturing but not displaying

Hi guys I am capturing video but when tried to show in my html its not displaying…

let options: CaptureVideoOptions =
      {
        limit: 3
      };

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

the above I have also tried without byPassstill didn’t work
below html code

<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>