Infinite scroll for full screen videos

I am using angular with Ionic framework. There is “tiktok” style of videos scroll. I can’t trigger infinite generator for videos(but for items it works). I am using this: Infinite Scroller | ion-infinite-scroll Action Component and example from page works fine:

<ion-item *ngFor="let item of items; let index">
  <ion-avatar slot="start">
    <img [src]="'' + index" alt="avatar" />
  <ion-label>{{ item }}</ion-label>
<ion-infinite-scroll (ionInfinite)="onIonInfinite($event)">

When I am trying to use if for videos and it does not work:

  <div class="app_videos" id="content">
<div class="video" *ngFor="let item of items; let index">
  <video src="" autoplay="autoplay" class="video_player"></video>

  <ion-infinite-scroll (ionInfinite)="onIonInfinite($event)">


private generateItems() {
const count = this.items.length + 1;
for (let i = 0; i < 10; i++) {
  this.items.push(count + i);

 onIonInfinite(ev: any) {
setTimeout(() => {
  (ev as InfiniteScrollCustomEvent).target.complete();
}, 100);

and CSS:

.app_videos::-webkit-scrollbar {display: none;}

    -ms-overflow-style: none;
    scrollbar-width: none;

    position: relative; height: 100%; width: 100%; background-color: white;
    scroll-snap-align: start;

    object-fit: cover; width: 100%; height: 100%;

@media (max-width: 425px) {.app_videos{ width: 100%; height: 100%; max-width: 100%; border-radius: 0px; } }

I think the main issue is on scroll-snap-align whci provides me “tiktok” scroll style.
Is there is the way to fix it and keep “tiktok” scroll style?

You need to explain or show an example of that “tikTok” style is. not everyone uses tik tok…

Sure, here is the link how it look like right now:

If you scroll a little bit it “sticks” for next video(something like app scrolls element with video till the end on the screen). The same style of scrolling style done in “youtube shorts” and “instagram reels”.

example of that “tikTok”