The <Video> component can render a Vimeo player or a html video player.
<Video title="Eyes" vimeoId="310583077" />
<Video src="/videos/hero-video.mp4" poster="/images/poster.png">
<track default src="/videos/vtt/hero-video.vtt" srcLang="en" />
</Video>
| property | propType | required | default | description |
|---|---|---|---|---|
| vimeoId | string | To find your vimeoId, go to the Vimeo page and find the video you want to put on your website. Once it is loaded, look at the URL and look for the numbers that come after the slash (/). | ||
| src | string | Use the html <video> player with a local .mp4 video | ||
| title | string | Vimeo title | ||
| poster | string | Provides an image to show before the video loads, only works with src | ||
| children | <track> | non-vimeo only – Provide .vtt file in your static directory to make your videos more accessible. Then add a track element with a src pointing to it Check out this simple tutorial for getting started with writing vtt files. |