Question

我目前正在开发Ionic / Angular应用，并且在android上遇到视频问题。一切都可以在ios和Web浏览器（仅是Android）上正常运行。

我将简要解释它应该如何工作。（该应用程序应该有助于体育锻炼）

我有一个预览，可以在练习前单击以显示视频演示。当您单击时，它将播放视频，如果再次单击，它将暂停视频。一切都适用于每个平台。

在预览下，您有一个按钮，可以激活一个功能以启动视频并将其重置为0

然后开始练习。

单击按钮时启动的功能：

onClickStartButton() {
    this.isExerciseStarted = true;
    this.exercise.sessionExerciseNumber = this._exerciseIndex;
    this.overviewsService.setExercise(this.exercise);

    if (this.video.nativeElement) {
      (<HTMLVideoElement>this.video.nativeElement).pause();
      (<HTMLVideoElement>this.video.nativeElement).currentTime = 0;
      (<HTMLVideoElement>this.video.nativeElement).play();
      this.isVideoPlaying = false;
    }
}

我尝试在if语句上设置超时，以查看是否在视频完全加载之前开始了pause（）或play（）（我在3秒钟的超时后停止了测试），但它似乎不是来自

这是正在加载的视频的

<video class="ion-no-margin" #video 
       *ngIf="exercise?.video" playsinline loop preload="metadata" 
       [ngClass]="{'preview-video': !isExerciseStarted}" tappable (click)="onTapToggleVideo()" 
       [poster]="exercise.thumbnail">

我不知道为什么它不适用于Android。

<HTMLVideoElement>并非每次都在Android上播放

0 个答案: