Top front page video that plays automatically

FFalcke
Tourist
6 0 1

How do I put in a top front page video that plays automatically when entering the site? 
I can add a section with a video, but I can't make it full width, and I can't seem to make it play automatically when entering the site. 
The theme is Dawn. 

1. Make the video play automatically

2. Full width video right below my header

3. I have the video downloaded, how do I upload it? 


Thanks in advance 🙂

Felix. 

Replies 3 (3)

ZenoPageBuilder
Shopify Partner
1052 203 217

Hello @FFalcke 👋

I will answer the questions one by one

1. Make the video play automatically

You can go to Edit theme code, open file video.liquid and add autoplay param to video URL, like this. Please note that autoplay will not work on mobile, because mobile browsers block it always.

Screenshot 2022-11-21 at 10.11.02.png

 

2. Make the video full width

In the Video section setting, check this checkbox

Screenshot 2022-11-21 at 10.05.35.png

3. Upload video

In Shopify Admin, you can go to Settings > Files to upload the video, then you can copy the URL and use it. You can not use the video URL in the Video block of the theme, because it only support Youtube/Vimeo, so if you want to use it for the Video block, you should upload the video to Youtube/Vimeo and get the URL there.

Screenshot 2022-11-21 at 10.07.32.png

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
d1dotzz
Tourist
3 0 1

Could you reply with code so i can copy and paste it in

When I put it in the code the video doesnt play at all

LitCommerce
Astronaut
2860 684 736

Hi @FFalcke,

Will it autoplay without popup, or do you want to click show popup and then autoplay?

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!