Hero Video

An immersive hero video dialog ideal for landing pages and product highlights.

Examples

Hero Video Default

Hero Video

Hero Video With Sound

Hero Video

Installation

npx shadcn@latest add "https://www.solaceui.com/r/hero-video.json"

Component API

PropTypeDefaultDescription
videoSrcstringURL of the video to be played (embed) .
thumbnailSrcstringURL of the thumbnail image.
thumbnailAltstring"Video thumbnail"Alt text for the thumbnail image.
soundSrcstringURL of the sound effect to play with the video.
enableSoundbooleantrueWhether the sound is enabled (plays soundSrc).

Inspiration

The component is influenced from the Hero Video Dailog