H / T
Component

Video

External library used: React Player

Because there are many different configurations and options for displaying a video we recommend using a third party library for this component. It's entirely optional, but our component only styles the player (keeping it responsive) and does not do anything else.

We built this component with ReactPlayer in mind as the child, but you could also use an HTML video element. We pass in light: true by default which improves performance and also the width / height props override their defaults to make sure it's responsive on mobile devices.


Preview

Props

NameTypeDefaultDescription
children
Component

A single child component is required, that we pass the microdata and styles to