What is the video with text section?
The Video with text section allows customers to watch video content alongside some optional text and a button. It can either be set to autoplay, where audio is muted, or it can play with audio when the play icon is clicked.
Videos provide a way to display engaging, promotional and educational media on your store in a way that would be difficult to achieve through static images. Videos can enhance your customers' shopping experience and increase conversion rates.
How to set up the video with text section
- Open the Theme Editor.
- Click Add section and add a Video with text section to the page.
- There are two different methods to choose a video.
Video upload: Select a video file (e.g. an MP4) hosted on your Shopify store.
External video: This video from an external link supports YouTube or Vimeo videos.
- It is recommended to add a Custom placeholder image that will display in the place of the video while it is loading, or if it cannot autoplay. This could be due to reasons such as a user’s poor internet connection, limited browser support or slow page load times.
- The Autoplay setting is turned off by default and can either be kept off or turned on.
Autoplay on: The video will automatically play WITHOUT audio, without the user having to click on anything.
Autoplay off: The video will play WITH audio once the user has clicked on the play icon.
Videos, by their nature, are large and take time to load. If you’re trying to keep Symmetry performing well, avoid placing the Video with text section near the top of the page. Placing it further down the page will mean that the video will only load as and when it becomes closer to being in view.
When I select autoplay, can the video play with audio?
No. Browsers don’t allow sound to be active by default on auto-playing videos. Most browsers will block the video, which can cause issues.
If you need audio in your video, it’s always best to give your customers the choice as to when they want to play the video.
Read Google's autoplay policy in Chrome for more.