Adding video to slideshow/main page to shopify

[Korsa]

Hi guys!

My store is launching soon: www.korsaclo.com

Password: jerjeff to enter

The main page currently looks like this

I want to know how to add the video as an embed youtube video but without the youtube buttons to play, pause, volume adjust etc. Basically remove anything popping up when the mouse hovers over

The video must be playing but in the background, play automatically and just be part of the website instead of like a video that looks like it's got the embedded code pasted.

Similar to this website

https://www.earlscollection.com/

I have the Retina theme.

Thanks for your help!

[TuanLe]

In order to add a video background to your homepage similar to that website. Follow these steps below

Duplicate your theme first in case you mess something up. 

Step 1: Go to your store Admin dashboard ->Online store->Actions->Themes

Step 2: Add a new section to Sections

Step 3: Replace the default code with the code on this link (sorry, the code's a bit long so I store it on Github) 

Step 4: Add background video section to the homepage

Step 5: Upload your video to Shopify files
From your store admin dashboard, navigate to Settings -> Files then upload your video here.

Note: you need to have a Shopify plan in order to upload video
Step 6: Copy video link

Step 7: Navigate to the video background section, paste the video link and hit save

Step 8: Go to your website again to check

That's it. If you want to see more guides like this, feel free to grab a copy of this eBook "Top 12 DIY Shopify customizations to drive sales" here. It's a step-to-step guide to do some of the trending customizations to your Shopify store. Easy to follow even for a non-coder. 

If you have any difficulties following the steps, just reply to me here. 

[GirayDadali]

Hello TuanLe,

Great tutorial. It worked for me to upload a video. However, the aspect ratio is limited to 800x500 it seems. I've tried manipulating some of the code to get it wider but I can't get it to change. Could you please provide a modification for a something more like 1080 x 250 please?

[abbyG]

Hi! i can't copy and paste the code

[MRamzan]

You can add vertical videos as well: