Показать видео галерею, как тик ток в ионном 3 - PullRequest
Новая
       31

Показать видео галерею, как тик ток в ионном 3

0 голосов
/ 19 декабря 2018

Я хочу автоматически воспроизводить видео, как тик-ток при смене слайдов.После реализации отображаются миниатюры видео и воспроизводится звук, но не видео. 

<ion-slides direction="vertical" #slides (ionSlideDidChange)="slideEvent(slides)" (ionSlideWillChange)="isLike(slides)">  
  <ion-slide *ngFor = "let videoUrl of mainArray" >         
    <video [id]="videoUrl.id" poster='{{videoUrl.thumbnailUrl}}' preload="none"> 
      <source src="{{videoUrl.url}}" type="video/mp4" autostart="false"/>  
    </video>
  </ion-slide>
</ion-slides>

и из-за попытки воспроизведения видео как - 

playvideo() {
  let videoPlayer1: HTMLVideoElement = <HTMLVideoElement>document.getElementById(this.mainArray[this.index].id)
  videoPlayer1.pause();
  videoPlayer1.currentTime = 0;
  const playPromise = videoPlayer1.play();
  if (playPromise !== null){
     playPromise.catch(() => {
     videoPlayer1.play(); 
     videoPlayer1.autoplay = true;
   })
  } 
}

Но воспроизводится только аудио, а не видео.

...