Fix skip buttons missing for MP4 sources with empty seekable range

[francescopuglisi-dolby]

Summary

Skip (forward/backward) buttons were not rendered for progressive MP4 sources, even though the content is seekable and the seek bar works. This was most visible with preload: 'none'/'metadata'.

Root cause

SkipButton gated its visibility on the player's seekable range:

if (seekable.length === 0) {
  return <></>;
}

For progressive MP4, player.seekable legitimately stays empty until data is buffered (unlike HLS/DASH, where the manifest populates it immediately), even after a finite duration is known. As a result the buttons never appeared, despite the media being seekable — the same situation SeekBar already handles via a duration fallback.

Fix

Treat the media as seekable when there is a seekable range or when a finite, positive duration is known — mirroring SeekBar's existing fallback:

const isSeekable = seekable.length > 0 || (isFinite(duration) && duration > 0);
if (!isSeekable) {
  return <></>;
}

Live/unbounded streams report duration === Infinity, so the isFinite guard keeps them correctly excluded.
Kept inline (rather than extracted into a shared hook) to keep the change minimal; centralizing the shared "effective seekability" logic with SeekBar is a possible follow-up.

Testing

Reproduced with the ticket's MP4 source (poster + sideloaded subtitles, preload: 'none', no autoplay) in the example app on iOS.

App.tsx

player.autoplay = false;
player.preload = 'auto';

player.source = {
  sources: [
    {
      src: 'https://cdn.theoplayer.com/video/elephants-dream.mp4',
      type: 'video/mp4',
    },
  ],
  poster: 'https://fastly.picsum.photos/id/93/200/300.jpg?hmac=_9xpriBgFwY9RX_KtR53oeWtaQaNroWVr-4a9aJ0g_4',
  metadata: {
    title: 'Elephants Dream',
    subtitle: 'MP4 - preload none',
    album: 'React-Native THEOplayer demos',
    mediaUri: 'https://theoplayer.com',
    artist: 'THEOplayer',
  },
  textTracks: [
    {
      kind: TextTrackKind.subtitles,
      src: 'https://cdn.theoplayer.com/video/sintel/chapters.vtt',
      format: 'webvtt',
      srclang: 'en',
      label: 'Test',
      default: true,
    },
  ],
};

Before

Skip buttons absent.

Before.mov

After

Skip buttons visible and functional once duration is known.

After.mov

[changeset-bot]

🦋 Changeset detected

Latest commit: e386fd7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@theoplayer/react-native-ui	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR