How To Add Video On Shopify Homepage With Autoplay

In this Shopify tutorial i will show you how to add video on Shopify homepage with autoplay feature for your store so the video will start playing automatically when the customer accessed your store's homepage.
There is a lot of reasons why adding a video on your Shopify homepage with autoplay is so important, it can can help engage and capture the attention of potential customers, videos give shoppers an interactive, visual experience that can showcase what makes your store unique and memorable.
Also having a video on Shopify homepage that plays automatically helps draw people in even more as it allows them to immediately see what you have going on without any effort from them at all, adding videos with autoplay also gives you an opportunity to show off products or services in action or provide informative tutorials for customers who are interested in learning more about how they work before making their purchase decision.
Link for the code : pastebin.com/D...
If you have any questions or suggestions my Instagram : / anas_elmedlaoui
About me:
My name is Anas El Medlaoui and i have been around digitally for 8 years making Websites, Mobile Applications, Social Media Promotions, E-commerce etc...
And i have accumulated some experience in multiple fields over the years jumping from project to project (Which wasn't a good idea), I started this UA-cam channel after a year of hesitation to share my knowledge and experience with people that are willing to succeed online with the theory of knowledge for everyone.
#video #shopify #homepagevideo

[@user-lc6er8kx4j]

This video is exquisite! Quick and easy to understand! 11/10 Thank you!!!!

[@OnHOWGuy]

You're very welcome, glad it was.
Cheers

[@IWWOD]

Bro, your genuinely the best, it took me one week watching different videos, this was simple and awesome

[@OnHOWGuy]

Thanks brother, i appreciate that and really glad i could help.
Cheers

[@svetlinmitev7653]

Finally someone actually explained. Thanks bro, great video!

[@blau2417]

A perfectly explained video, 10/10. Thank you so much!

[@OnHOWGuy]

You're very welcome, glad i could help.
Cheers

[@zac5114]

Why on some iPhone devices the video needs to be clicked to start. It’s not automatically playing when they come into the website

[@Journeyingwithbrandilyn]

Did you ever figure this out?

[@DaintyLittleShop]

I am sorry to say, but you are simply "THE BESTTTTTT". Your videos have helped me so soo much. ATB for your honest hardwork and helping others man!!

[@milesdiallo564]

God bless you bro. You saved me 10 hours of work.

[@deidred]

Thanks for the tutorial. Is there any way to add the text box over the video?

[@deavontadixon805]

Best tutorial EVER!!!
Got it on the first try!!!!!
Thank you soooooo much :)

[@joonabarlund9428]

Earned my sub like and comment and i rarely do that. I went to hell and back and back to hell and back trying to find how to do this and this guys just shows it like in 10 seconds.. thank you!

[@FacesbyStacye]

Best tutorial hands down! Got it on the first try!!!!!

[@CourtneyElRefai]

Wow thank you for this gem! Appreciate you sharing this information for free. Very straight to the point video -- rare to find these days!!

[@user-bp4hu8yl6x]

Thank you, That;s what i was looking for, you are good man. I am wondering how to add the button on the video

[@georgejones8704]

I never comment on videos, but this deserves it. Thank you!!!

[@connorpallister]

What a legend. I spent hours trying to do this myself, thanks so much for the help!

[@OnHOWGuy]

You're very welcome brother, glad i could help and good luck with your journey.
Cheers

[@lilac._.lillies]

You made my life so much easier! thank you

[@OnHOWGuy]

Happy to help and you're very welcome.
Cheers

[@DIYHairz]

WOW, exactly what I needed. You have saved the day once again..

[@OnHOWGuy]

Really glad i did and happy to help.
Cheers

[@Gamineers_]

Hey, the code doesn't show for me unfortunately, it says that the code has been removed by the staff or the creator :(

[@OnHOWGuy]

I need to quit using pastebin but its too much code to migrate, i will work on updating the link now.
Cheers

[@wealthprosperx]

Thank you bro, your method worked

[@OnHOWGuy]

You're welcome, glad i could help.
Cheers

[@sharamc926]

I'm learning a lot from your videos. Thank you so much for sharing!

[@RationalComments]

Thank youuuuu so much! For some reason I had to put nothing in the first type section of the code, then it worked perfectly. Cheers!

[@tommats7985]

really great video!! i'm wondering if its possible to edit the code so it have a play botten and to add sound with a % bar like you showed with the width. i can see the "muted" code but when try to replace it for something like "sound" or "play" the video just pauses on the website.

[@RDNYSANCHEZ]

Hi! I dont know if tou already make it work. If not, you just have to delete the word "muted" and that'll do the trick ;)

[@rashaladhari4134]

It is not working for me , is there any other solution

[@colesmart7027]

Hey Anas! Is there a way to make the product video autoplay? I want the product videos on my homepage to be playing automatically. Please let me know. Thanks so much.

[@shylahallen8731]

Thank you very much! This did exactly what I wanted

[@laurajones5282]

Hi! I loved the video but my Shopify doesn't have the "custom liquid" option is their an alternative way?

[@LobsterLeafCo]

Thank you. I was curious if I could add the sound to the video.

[@anberanas5090]

Rien à dire le meilleur tutorial que j'ai vu et facile a comprendre

[@breathoffire7581]

thank you so much, this saved me a lot of headaches with shopify video

[@OnHOWGuy]

You're very welcome, glad i could help.
Cheers

[@kyramiller3015]

Wow! This was great, very straight to the point.

[@OnHOWGuy]

Really glad you think so.
Cheers

[@kevinvankuilenburg5145]

i cant seem to find the "custom liquid" how do i add it or how can i find it.

[@user-hp7qs6kl8p]

Thank you!! Works perfect and easy to understand! Saved me so much time

[@OnHOWGuy]

Great to hear and you're very welcome.
Cheers

[@user-en9ku7it6w]

FIRE!!! Straight to the point and it worked awesome thank you so much.

[@OnHOWGuy]

You're very welcome and glad i could help.
Cheers

[@Zartarc]

Thank you so much for the video!! You explain it so well!!

[@relatosdegabriela]

Thank you!
Great content, always learning, happy Wednesday!

[@user-ne1fy8oi5x]

man your the honest boy love you man

[@karolinamudra7442]

Thank you so much!! Saved me a lot of headache.

[@tasosspanoudis6400]

Hello and thank you for the useful code
Can I have a different video for the desktop and for the mobile?

[@thexwise]

Your videos help a lot ! How would I make the sound on my video play ?

[@fifay76]

i cannot open the link for URL anymore. Its blocked. Can you post it here?

[@Createdbyvanish]

what if i want sound?

[@tcleedev]

This is an easy and perfect way to adapt!! Thank you!

[@3shibuyallc486]

I figured it out, for all of those who want the sound to play, simple delete the word "muted" from the code :)

[@sivadarshan6513]

but in my it's not working

[@warriorlax3502]

@@sivadarshan6513 I deleted both "Video Muted" and then I retyped video and it worked

[@tsokothetrue8181]

Nice video you help me so much!! But how can we put sound?

[@florentm2050]

I don't know if my late message will help you, but just in case: remove "muted" from the code line "video muted autoplay playsinline loop>"

[@PassionPainNDemonsStreetwear]

What if you want sound?

[@devanshbuttan8526]

Thanks a lot bro!!❤️

[@AdelineTheLabel]

It worked for the web but it doesn't show up on mobile. Please help!

[@iamannie415]

This is the only video that worked ! Thank you immensely ♥️ new subsc

[@OnHOWGuy]

Thanks for subbing and you're very welcome.
Thats what this channel is all about.
Cheers

[@TyborYT]

I tried this method and it works, but i cannot get it to fill the whole screen, it always had a border on the left side even if i change it from 100% to 120%. It extends to the right but never the left

[@ZenInsurance]

My first-ever comment on UA-cam! God bless you!!!

[@taylorloehrer107]

how do i keep the audio with the video?

[@MarielLorenzo-nb9wh]

Thanks so much for the video, it was really helpful. I can't make my video to cover the entire space to the edges. Any tips on how to fix this? If I try to make it bigger like 120% or 150% the video goes to the right and it doesn't stay centred.

[@paolacappa]

Best tutorial ever thank you!

[@fatimahxaouss]

Wow thank you you are a life saver ! I tried so many codes and it was difficult

[@tygessupplies1837]

You have my eternal thanks. - liked and subscribed.

[@Rebeccasparkle]

life saver!

[@chrisinclan8866]

Great video! Need help though as my video is to large on the height. What is best way to edit video height because I want the width to remain full screen.

[@christopherw.771]

A very good video. Everything perfectly explained, but I have one question. How can you code the video to the left and add a text on the right side. Thank you so much for the video

[@christinachanel380]

Id like to know as well!!

[@nikhileshpillai1107]

On windows, just click CTRL and - upto 75% atleast. This will reduce the window size and you will see what you wish for. Thanks❤

[@Davidevlover]

Is it possible to make an auto play video with sound?
Awesome tips and thanks!

[@TkPossamai]

men, are you the best genious of english math

[@rezzy3338]

how do i make the top and bottom padding even less, i dont like the space in between the video :D btw love the vid, straight to the point, very helpful

[@popupboss_portablebars]

Yes!! Is there a way to adjust the padding on the top and bottom of the video! There is so much white space around the video.

[@galoaluisa1816]

Hey it was amazing how to do it !! Thank you , just a quick question when I add the video in the laptop works autoplay but by smartphone you need to click play , how can I do it auto video too? Thank you 😊

[@alejandrozannoni5811]

did you find the solution?

[@bellawilliams245]

You are the goat..thank youu so much for this but for some reason its plays fine on my PC but when i look at my site on my phone it still shows the play button...i followed the instructions and all..any help on this

[@shameccafreeman]

So glad you showed this way. Thank you thank you thank you!!!

[@OnHOWGuy]

You are so welcome and glad i could help.
Cheers

[@PimpMyhobo]

Absolute Legend! Thank you so much

[@RealGardenEssentials]

Thanks you

[@CJ-vz5bl]

dude thank you so much for this video, so easy to follow, just subbed

[@OnHOWGuy]

I just saw your comment, you're very welcome and glad i could help.
Welcome to the family.
Cheers

[@itsBlack]

Wow this just turned my website up another notch! Sub'd

[@TENLINE-pp8ow]

your the best !!!

[@mithunsundaresh]

Thank you for this. You're a gem. How to unmute the video? I need to play the video with sound.

[@Drums1696]

You're awesome bro, thanks for the help. Like and subscribed!

[@rashaladhari4134]

Thank you very much , this was very helpful.
However how to make the video play with sound if you click on it 🙏?

[@717thebrand]

Thank you so much I really appreciate this it was so helpful

[@gbvsyd2mia]

Thanks so much for this simple tutorial.
What if I wanted to play the sound, reduce the Video size but left align it... like the " Image with Text" section? Much appreciated!

[@OnHOWGuy]

You're very welcome, Im afraid that browsers will most likely block the video or sound or both if the video is autoplay and has sound.
For reducing the video size/ratio you edit the video on editing software and for the size file use handbrake to compress the video file.
For aligning the banner i have an update on that on the way.
Cheers

[@3rdSalimo]

Thank you Anas. Very helpful!

[@JLOstore.]

Thank you very much bro ! You a genius fr

[@sheershakagarwal9780]

Hi, Thank you for the video. I wanted to add a button for Shop now at the bottom of the video. How to do that?

[@bearliongaming2464]

Oh my gosh thank you!!! Such a wonderful explanation!

[@OnHOWGuy]

Thank you, really glad you think so.
Cheers

[@sinaamiri98]

Thanks! How can we add bottoms to it?

[@lachucha_skateshop]

Thank you! I struggled with this and looked into a lot of pages but couldn't find anything! One more question, how would you add text on the top of the video?

[@user-hz4lk4jw3j]

This is great! Thank you for the help!

[@carlitos5262]

Hey brother, thank you for the amazing help! Just one problem on my end :( It is not autoplaying through mobile!

[@ThiBC_]

Great Content!! Thank you

[@OnHOWGuy]

You're very welcome

[@Aemaay]

THANK YOU!
Can I also get this video vertically for better view on mobile?

[@monillllll]

Thank you so much

[@OnHOWGuy]

You're most welcome

[@announviviane4810]

Thank you for this tutorial!!

[@BLStudios-yx9fm]

Hey! thanks for the video this worked for me. Question - what aspect ratio do you use for your video to get it to fit well on the screen? The width is perfect but part of the video is cut off and when I resize the height I'm left with columns on the left and right of the screen.

[@rahegas]

Thanks a lot budy... You are a genius..

[@ransomlevi8766]

best guide video ever

[@emrekeklik240]

hello. I did everything you said. When i look at the video from my PC it autoplays but when I look it from my iPhone a play button shows up. What can I do? thank you

[@theritzjewelry8731]

Thanks that was a great explanation

[@veracebria3319]

hello! It works perfectly for me, except for the mobile version where the play button keeps appearing, could you tell me how to remove it?

[@Xxdalton184xX]

Thank you very much Anas !

[@LPWelle]

Finally man thank you so much.

[@evayates3676]

Super helpful video, thank you! Is there code I can add to round the corners (i use sense theme)?

[@user-yn8mr4mf2d]

Hello, my friend I do not know if you will ever receive this message but I am a Shopify beginner, and let me tell you your UA-cam page has helped me greatly first I wanna say thank you so much I am blessed to have come across your page. Now I hear you say a lot that if we need help with anything, you will be happy to make a video assisting us. So I would like you to help me put background music on my Shopify store as my customers shop.

[@RamzGifting]

Very helpful video thank you so much!

[@flyghtmyleage6041]

Worked like a charm thank you.

[@OnHOWGuy]

You're very welcome

[@joelboddie]

Thank you!

[@amrita0286]

Thank you so much!

[@user-nl9eu2cg4v]

Absolute legend! Thank you!!!