Skip to Content
DocumentationSectionsVideo

Video

Add Video from Add section for a ready-to-configure section containing one Video block. The video starts at 100% width on desktop and mobile. Use the section settings for page width, layout, background color, and spacing; select the nested Video block for media and playback settings.

The reusable Video block is also available inside other compatible sections and Container layouts.

Live demo store theme editor screenshot of the Fit Check Video with product links block.
Live demo-store editor capture showing hosted video configuration, playback controls, and linked product cards in the mounted video block.

Configure Video Blocks

Use the Video block reference for uploaded, external, social, and mobile-specific video settings. Use Product links when the video needs linked product cards.

Usage

  1. In the theme editor, click Add section and select Video under Media.
  2. Select its nested Video block.
  3. Choose Uploaded video and select a video from your Files library, or choose an external URL.
  4. Configure playback and optional mobile-specific media, then check the mobile preview and save.

The preset starts with one video. You can add other supported blocks when your layout needs them; existing Custom sections remain unchanged.

Common Video Settings

SettingDescription
Video sourceSelect an uploaded Shopify video, external URL, or supported social URL.
PlaybackConfigure autoplay, sound, controls, and loop.
CoverAdd desktop or mobile cover images where needed.
Mobile videoUse an alternate mobile source when the desktop crop or pacing does not work on phones.

Tips

  • Upload videos to Settings > Files in your Shopify admin before adding them to sections.
  • For best performance, use compressed MP4 files. Shopify automatically optimizes uploaded videos.
  • Videos set to autoplay must also be muted (browser requirement).