Remotion

Poster

This component is used to render a specified frame of a Remotion video and generally display it before playback begins.

1
2
3
4
5
6
7
8
9
10
11
12
13
14

1
2
3
4
5
6
7

1
2
3
4
5
6
7

1
2
3
4
5
6
7
8
9
10

import { RemotionPoster, type RemotionPosterProps } from "@vidstack/react";

<MediaPlayer>
  <MediaProvider>
    <RemotionPoster frame={100} />
  </MediaProvider>
</MediaPlayer>

/* Example. */
.component[data-foo] {}