Product video

Standalone video with a poster frame, captions, and a real pause control.

Merchant-addable
Yes
Settings
5
Block types
File
sections/video.liquid

Screenshots pending

Captures for Product video at desktop and mobile widths are generated from a live store by npm run shots. They appear here automatically once that has run.

When to use it

When the video is the content and needs no accompanying copy.

Setting it up

  1. Add the section and set the video and poster image.
  2. Upload captions with the video in Shopify admin — the player surfaces them, but it cannot generate them.

Where the content comes from

Shopify-hosted or external video.

Notes and cautions

  • Space pauses playback, and switching browser tabs pauses it automatically.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.

Video typeDropdown
ID
video_type
Default
Upload MP4
  • Upload MP4mp4
  • YouTube or Vimeo linkexternal
Upload MP4 videoVideo
ID
uploaded_video
External video URL from YouTube or VimeoText
ID
external_url
Default
https://www.youtube.com/watch?v=abcdefgh
Video layoutDropdown
ID
video_layout
Default
Cover video, full width and height
  • Cover video, full width and heightcover
  • Full width, 60 percent heightluxury
  • Elegant videoelegant
Enable sticky videoCheckbox
ID
enable_sticky
Default
Off