Home Page Video Banner

FreshGuys
Tourist
6 0 1

Hello I am trying to use a MUTED video as my main homepage banner. I would like it to do a few things. 

1. Autoplay

2. Loop

3. Be displayed Widescreen from end to end

4. Show no controls 

5. Make it clickable or add a link button to take it to our home page. 

www.bfreshgear.com is our page. 

 

I have tried using the video section on the homepage but it will not let me autoplay the video. So I had created a custom html page and have used this code so far to get it where it is now. 

 

<div><video style="width: 100%; height: auto;" muted="yes" playsinline="" autoplay="autoplay" loop="loop">
<source src="https://cdn.shopify.com/s/files/1/1677/5517/files/SHGN7_S001_S001_T007.00_02_03_26.Still131_1_2_1_1b..." type="video/mp4" /></video></div>

 

Any help on how to make it look the best possible would be great. This homepage is what we are trying to do. www.shinesty.com

 

Thank you all in advance!

KetanKumar
Shopify Partner
17400 1877 6491

@FreshGuys 

sorry for this issue 

you have able to code can you please try this 

https://codepen.io/adrianparr/pen/QxMvdj

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes