Loading many external files in ListView

[madjor5]

I have a news-app where I load a lot of videos through an Amazon account into nativescript-exoplayer.

The result is, that it doesn't load and it seems it doesn't even try. My best bet is, that it is dealing with too many items.

The construction is similar to this:

    <ng-template let-item="item">
      <StackLayout rows="*" [ngSwitch]="item.type">
        <GridLayout *ngSwitchCase="'video'">
          <Label [text]="item.relation.mediaInfo.videos[0].uri" textWrap="true"></Label>
          <exoplayer
          id="{{item.id}}"
          src="{{item.relation.mediaInfo.videos[0].uri}}"
          autoplay="false"
          height="200"
          (playbackReady)="videoPlaybackReady()"></exoplayer>
        </GridLayout>
        <GridLayout *ngSwitchDefault backgroundColor="gray">
          <Label [text]="item.type"></Label>
        </GridLayout>
      </StackLayout>
    </ng-template>
  </ListView>

And visually the result is like

All the video paths are correct and are videos from AWS.

Any ideas?

[NathanaelA]

Do any of the videos load or all of them look like this?

[madjor5]

All of them look like this. I have a feeling that it is whenever a file is in S3. It loads fine - even on iOS Safari, just not within the plugin.

Perhaps it could be headers?

[madjor5]

I have logged this issue: nstudio/nativescript-videoplayer#171 in nativescript-videoplayer that might be more correct than the fact that it might load in or out of a list-view. So I am OK with closing this issue now.