Heroes & Sections

Hero — Video Background

Full-bleed autoplaying muted video hero with a solid scrim and reduced-motion fallback to the poster frame.

SubscriptionIncluded with the Velocity Components subscription.

$velocityx add hero-video-background

Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Hero — Video Background

Showreel

Motion-first brand storytelling

Autoplaying, muted, and reduced-motion safe — the scrim keeps copy readable regardless of footage.

Watch full reel Our process

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Hero — Video Background component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

Browse all →