Angular функция воспроизводит только первое из многих видео - PullRequest
0 голосов
/ 05 мая 2020

Привет, у меня есть функция, которую я вставил в проект Ionic3 / Angular 5, чтобы воспроизвести / приостановить видео HTML5. У меня есть ngFor, поэтому я возвращаю несколько видео на дисплей. Функция работает, но проигрывает только первое в строке видео. Есть предложения?

<video
  controls
  webkit-playsinline
  preload="auto"
  class="fillWidth" #video>
     <source src="{{item.video}}" type="video/webm" />
     <source src="{{item.video}}" type="video/mp4">
     <source src="{{item.video}}" type="video/ogg">
     Your browser does not support HTML5 video.
</video>
<button
  class="btnPlay"
  [ngClass]="buttonPlayPause"
  (click)="playVideo()">
</button>

.ts function

   @ViewChild('video') myVideo: ElementRef;


playVideo(){
    if(this.isplay){
        this.myVideo.nativeElement.pause();
        this.buttonPlayPause = 'playButton';
    }
    else{
        this.myVideo.nativeElement.play();
        this.buttonPlayPause = 'pauseButton';
    }  
    this.isplay=!this.isplay
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...