react-native-video/examples/exampletvOS/App.tsx

import React from 'react';

import {ActivityIndicator, StyleSheet} from 'react-native';

import Video from 'react-native-video';

export default function App() {
  return (
    <>
      <ActivityIndicator style={styles.activityIndicator} size={'large'} />
      <Video
        source={{
          uri: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
          // uri: 'https://sample.vodobox.net/skate_phantom_flex_4k/skate_phantom_flex_4k.m3u8',
          // type: 'm3u8',
          metadata: {
            title: 'Custom Title',
            subtitle: 'Custom Subtitle',
            description: 'Custom Description',
            imageUri:
              'https://pbs.twimg.com/profile_images/1498641868397191170/6qW2XkuI_400x400.png',
          },
        }}
        style={[styles.fullScreen, StyleSheet.absoluteFillObject]}
        controls
        fullscreen
        resizeMode={'contain'}
        chapters={[
          {
            title: 'Chapter 1',
            startTime: 0.0,
            endTime: 20.0,
            uri: 'data:image/png;base64,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
          },
          {
            title: 'Chapter 2',
            startTime: 20.0,
            endTime: 40.0,
            uri: 'https://pbs.twimg.com/profile_images/1498641868397191170/6qW2XkuI_400x400.png',
          },
        ]}
      />
    </>
  );
}

const styles = StyleSheet.create({
  fullScreen: {
    position: 'absolute',
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
  },
  activityIndicator: {
    position: 'absolute',
    top: 0,
    bottom: 0,
    left: 0,
    right: 0,
  },
});