Recent versions of our themes ( Parallax 3.0+, Retina 4.0+, Mobilia 5.0+, Responsive 6.0+, Turbo 2.0+ ) have an optional Video section.
You can see a live example on our Parallax 'Vienna' demo shop.
All themes feature a gorgeous homepage video section which can be displayed on your shop's homepage and supports Youtube, Vimeo or Native HTML5 videos.
To add this section to your homepage:
Online Store > Themes > Customize > Add section > Video
You can choose whether to autoplay the video or display a banner image that can be clicked to play the video.
There is also optional headline text that can be displayed over the video while it's playing.
Autoplay / Mobile autoplay
There is an inherent limitation on mobile browsers that prevents videos from auto-playing.
The purpose of this restriction is to conserve bandwidth and battery life for mobile devices. We have more information on video limitations here.
On mobile regardless of whether the video is set to autoplay, the featured banner image will be displayed by default.
For YouTube and Vimeo videos, you can then click the banner image to play the video.
There is an example of this setup in our Vienna Demo Shop
These are the settings for the Vienna Demo Shop.
*NOTE: When "Autoplay" is not enabled, your desktop video will display the banner image, upon clicking this banner your video will begin to play.
HTML5: The HTML5 video option will require you to upload a video file. If you have enough file space in your Shopify account, then you can go to the Settings > Files section to upload your MP4 file and optional OGV file. It's recommended to upload both files for maximum compatibility, but only the MP4 file needs to be specified. You can also host these files on a third-party server other than Shopify. You can then copy/paste the file URLs into the Theme Settings.