example.tsx
1import Video from 'react-video-renderer';
2
3<Video src="https://mysite.com/video.mp4">
4 {(video, state, actions) => (
5 <div>
6 {video}
7 <div>{state.currentTime} / {state.duration} / {state.buffered}</div>
8 <progress value={state.currentTime} max={state.duration} onChange={actions.navigate} />
9 <progress value={state.volume} max={1} onChange={actions.setVolume} />
10 <button onClick={actions.play}>Play</button>
11 <button onClick={actions.pause}>Pause</button>
12 <button onClick={actions.requestFullScreen}>Fullscreen</button>
13 </div>
14 )}
15</Video>