This guide describes setting up the Video with text overlay section
Use the section to add a video, overlaid with text, to a store page. Inside the section, provide customers with information about your brand, describe products, or welcome customers to your store, etc.
The previous video shows a Video with text overlay section on a store's home page. In Theme editors section settings, to reduce the height of the section's (YouTube) video, the Aspect ratio – desktop option is set to Extra wide. To position the overlaid text in the center of the section, the Content position option is set to Center, and at Two thirds width. The section's Shop audio button links to a collection page.
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).
For general guidance with modifying sections, refer to Sections overview.
To set up a Video with text overlay section:
Go to Customize theme.
In Theme editor, at the top of the page, use the dropdown to select a page that contains a Video with text overlay section.
The section can be added into any page, except Checkout and Giftcard pages. To add the 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.