Props

Docs

React

Props

Vimeo

urlOrId: This can be either a URL or a video ID. It supports any kind of URL format or ID, thanks to a powerful regex.

adNetwork: by default the ads are disabled to respect the privacy of the users. You can enable them by setting this to true.
aspectRatio: by default the video is 16:9. You can change this by setting this to 4 / 3, 1 / 1 or any values that you want to use.
css: this is an special prop that allows you to override the styles of the container element thanks to @stitches/react.
customThumbnail: allow you to use a custom thumbnail instead of the one provided by the video.
iframeProps: you can override any of the propperties of the <iframe /> element. Also comes with a css property.
playerParameters: you can pass any parameters to the player thanks to the embed options that Vimeo give us.
poster: allow you to define a custom dimension thumbnail.
title: you can define a custom title to be used as title inside the <iframe /> element to cover the accessibility issues.

urlOrId: This can be either an url to a video or a video ID. It supports URLs like https://www.youtube.com/watch?v=<id>, https://youtu.be/<id>, <id> and more thanks to a powerful regex.

adNetwork: by default the ads are disabled to respect the privacy of the users. You can enable them by setting this to true.
aspectRatio: by default the video is 16:9. You can change this by setting this to 4 / 3, 1 / 1 or any values that you want to use.
css: this is an special prop that allows you to override the styles of the container element thanks to @stitches/react.
customThumbnail: allow you to use a custom thumbnail instead of the one provided by the video.
iframeProps: you can override any of the propperties of the <iframe /> element. Also comes with a css property.
noCookie: by default the cookies are disabled, this is useful if you use GDPR and don't want YouTube cookies. You can set this option to false to enable the cookies.
playerParameters: you can pass any parameters to the player thanks to the supported parameters that Google give us to embed videos.
playlist: if you are embedding a playlist, you can set this to true to enable the playlist.
poster: allow you to define a custom quality thumbnail.
title: you can define a custom title to be used as title inside the <iframe /> element to cover the accessibility issues.