Looking for the old docs? Go here

Remotion

Poster

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

HTMLAttributes
Ref<HTMLElement>
import { RemotionPoster, type RemotionPosterProps } from "@vidstack/react";
import { RemotionPoster, type RemotionPosterProps } from "@vidstack/react";
<MediaPlayer>
  <MediaProvider>
    <RemotionPoster frame={100} />
  </MediaProvider>
</MediaPlayer>
<MediaPlayer>
  <MediaProvider>
    <RemotionPoster frame={100} />
  </MediaProvider>
</MediaPlayer>
PropTypeDefault
frame
number
undefined
renderLoading
RemotionLoadingRenderer
undefined
errorFallback
RemotionErrorRenderer
undefined
asChild
boolean
false
CallbackType
onError
function
NameDescription
data-visible
Whether poster should be shown.