This guide describes setting up the Video with text overlay section to add a video, overlaid with text, to a store page. Use the section to provide customers with information about your brand, describe products, or welcome customers to your store, etc.
When low power mode is enabled on Apple iOS devices, the Safari browser won't play the video inside a Video with text overlay section. Instead, add a fallback image to the section. The fallback image displays whenever the video does not load or play. To add a fallback image, refer to the Section settings table in Step 3 (below).
The following video shows a video with text overlay section on a store's homepage. In the section's settings, to reduce the height of the (YouTube) video, the dropdown option Aspect ratio – desktop is set to Extra wide. To position the overlaid text in the center of the section, the Content position dropdown is set to Center, and at Two thirds width. The Shop audio button links to a collection page.
For general guidance with modifying sections, refer to Sections overview.
To set up a video with text overlay section:
Go to Customize theme. At the top of the page, use the dropdown to select a template that contains a video with text overlay section.
The video with text overlay section can be added into any page, except Checkout and Giftcard pages. To add a video with text overlay section into the current page, select Add section > Video with text overlay. Refer to Shopify help: Add a section.
From the side menu, select Video with text overlay.
Select a setting described in the following table.