Sections
Video
A video hosted on Shopify, YouTube, or Vimeo, with a cover image.
The Video section shows a campaign film, a workshop portrait, or a demo, in 16:9 format, across the width of the page.
- Name in the editor
- Video (FR: Vidéo)
- Where to add it
- Any template (except the Overlays group)
Settings
| Setting | Values | What it does |
|---|---|---|
| HeadingFR: Titre | Text | — |
| VideoFR: Vidéo | Video | Takes priority over the URL below when both are set. |
| YouTube or Vimeo URLFR: URL YouTube ou Vimeo | Video linkDefault: “https://www.youtube.com/watch?v=_9VUPq3SxOc” | A YouTube or Vimeo link, used only when no video is uploaded above. |
| Image | Image | — |
| AutoplayFR: Lecture automatique | CheckboxDefault: Off | Plays muted as soon as the video loads, and never runs when the shopper's system asks for reduced motion. |
| Color schemeFR: Palette de couleurs | Color schemeDefault: Scheme 2 | — |
Video source
- Video: a video uploaded to Shopify (ContentFiles). It takes priority over the URL.
- YouTube or Vimeo URL: used only if no video is uploaded. Paste the video's address as copied from YouTube or Vimeo, for example
https://www.youtube.com/watch?v=...,https://youtu.be/...orhttps://vimeo.com/.... The editor doesn't accept links from other sites.
A new Video section comes with a sample YouTube video in YouTube or Vimeo URL. Replace it with your own video, or clear the field.
Cover image
Before playback, the section shows a cover image and a Play video button. The image used is, in order: the Image chosen in the section, the preview image of the uploaded video, or a placeholder illustration. For a YouTube or Vimeo video, always choose an image.
Playback
- The YouTube or Vimeo player only loads when the shopper starts playback, so the page stays lightweight.
- YouTube videos use the cookie-free domain
youtube-nocookie.com, and Vimeo videos are loaded with Vimeo's "do not track" option. - When the shopper clicks Play video, the video plays with sound.
- After clicking Play video, focus moves to the player for keyboard users.
Autoplay
With Autoplay, the video starts muted as soon as the page loads. It never starts if the shopper has asked their system to reduce motion. The video doesn't loop.
Without a video
With no video and no URL, the section shows the cover image (or the placeholder illustration) without a play button.
Faubourg 1.1.0