Привет, у меня есть функция, которую я вставил в проект 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
}