错误无法读取属性“ nativeElement”离子5

问题描述

我使用Ionic 5 我试图从Media Capture播放视频 但是我出错了

Cannot read property 'nativeElement' of undefined
    at addvideoo-addvideoo-module-es2015.js:156

我正在关注This Tutorial

这是我的代码：

<ion-content fullscreen>
    <video controls autoplay #myvideo></video>
</ion-content>

<ion-footer class="ion-no-border">
    <ion-row class="ion-text-center" *ngFor="let file of mediaFiles">
        <ion-col size="4">
            <h5>{{file.name}}</h5>
        </ion-col>
        <ion-col size="4" (click)="play(file)">
            <ion-icon class="zmdi zmdi-videocam" ></ion-icon>
        </ion-col>
        <ion-col size="4">
            <h5>Lanjutkan</h5>
        </ion-col>
    </ion-row>
</ion-footer>

这是我的功能：

play(myFile){
    console.log('play :',myFile);
      let path = this.file.dataDirectory + myFile.name;
      let url = path.replace(/^file:\/\//,'');
      let video = this.myVideo.nativeElement;
      video.src = url;
      video.play();
  }

This Is my Full TS

请帮助

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）