The Video component renders a video for the Storefront API's Video object.

Example code


Name Type Description
video Object<VideoType, Pick<Image, Pick<VideoSource> An object corresponding to the GraphQL fragment.
options? ImageSizeOptions An object of image size options for the video's previewImage.

Component type

The Video component is a shared component, which means that it renders on both the server and the client. For more information about component types, refer to React Server Components.

GraphQL fragment

The following fragment is available as a string for your GraphQL queries using VideoFragment or Video.Fragment. Using this fragment ensures that you have all the data necessary for rendering the Video component.