ionic3 - 在 ionic 3 中显示类似 tik tok 的视频库

Question

我想在幻灯片更改时自动播放像 tik tok 这样的视频。实施后显示视频缩略图并播放音频，但不播放视频。

<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>

并从 ts 尝试将视频播放为-

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;
   })
  } 
}

但只播放音频而不播放视频。