Как автоматически воспроизводить html5 видео на точке обзора в ionic - PullRequest
Новая
       6

Как автоматически воспроизводить html5 видео на точке обзора в ionic

0 голосов
/ 29 мая 2020

Я хочу создать мобильное приложение с ioni c, я хочу отображать каждое видео, чтобы покрыть весь экран, а также воспроизводить только видео, которое отображается на экране, и приостанавливать все остальные, видео отображается как полное экран, но не воспроизводит одно видео за раз. Вот код 

<ion-content>
    <div class="DivVid" *ngFor="let video of videos; let i=index">
        <video #player playsinline loop preload="auto">
            <source loop  playsinline height="100%" [src]="ApiUrl+video.src" type="video/mp4">
        </video>
    </div>
</ion-content>

ApiUrl='http://localhost/test/'
ngOnInit() {
    this.http.get(`${this.ApiUrl}index.php`).subscribe((data:any)=>this.videos=data)
}

Теперь проблема в том, как я могу воспроизводить только одно видео за раз, как я могу воспроизвести видео, которое находится в точке обзора, как тикток

...