Add it

Customize → homepage → Add section → search “Video banner”.

Video sources

You can use either:

• Upload video (Shopify-hosted) — best performance, automatic poster from first frame. Limit ~20MB / 60 seconds.
• Video URL — a direct .mp4 link from Shopify Files or a CDN.

Settings

• Poster image — optional override of the auto poster.
• Fallback image — shown while video loads or on browsers blocking autoplay.
• Eyebrow / Heading / Subheading — layered text content.
• Button label / link — primary CTA.
• Text color — layer color. White typically reads best on dark video.
• Overlay color / opacity — black overlay between video and text for legibility. 20-40% is a good range.
• Height — measured in pixels, 600-1000 typically.
• Alignment — left / center / right for the text layer.

Best practices

• Use a 1080p mp4 encoded with H.264 baseline profile for max compatibility.
• Keep the loop under 15 seconds. Storytelling, not a full ad.
• Mute the audio track on export — Vesperia mutes the video anyway (browser autoplay policy).
• Pair the video banner with the Transparent header on homepage setting for a true full-bleed look.