How To Add Video On Shopify Homepage With Autoplay

[@July-f4b]

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

[@OnHOWGuy]

You're very welcome, glad it was. Cheers

[@Myaestheticlifestyle]

Hi I tried it but it's not working

[@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!

[@georgejones8704]

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

[@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!!

[@deidred]

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

[@milesdiallo564]

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

[@deavontadixon805]

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

[@sprintclub.oficial]

Watching directly from Brazil, thank you very much, it helped me a lot!!

[@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?

[@aibaja2377]

Got it fixed?

[@FacesbyStacye]

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

[@blau2417]

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

[@OnHOWGuy]

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

[@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!!

[@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?

[@mithunsundaresh]

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

[@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!

[@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!

[@terjeandersen7919]

Hi there, this was brilliant!! Thank you thank you!! I just have one question: you explain in your video how I can make the video full widt by adjusting the %, but the height is set on auto. How can I adjust the hight of the video? It doesent seem to work just adjusting the % of the height in the code. Hope you can answar this, again, thanks for a brilliant video!

[@babynino-u3l]

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

[@LittleMarcusPvP]

Hey man, thanks for the video, helped a lot! Quick question, I realized that it only works for computer but not for mobile. Any suggestion? Appreciate it!

[@MentallyWaisted]

@onhow can you reply to these comments please ! I am also trying to figure this out along with others.

[@MentallyWaisted]

@onhowguy

[@RoyalGods-h2d]

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 KZbin 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.

[@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

[@davidpiresworship]

Man! Thank you so much! It works perfectly. I subscribed and liked the video. Thanks!

[@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❤

[@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

[@JillianLeigh-i8i]

Bro You deserve the comments and like..

[@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

[@davidijames_]

That is great. Why when remove muted does it not play? I want my video to have sound, but not to Loop. I would also like to only have it play when the customer scrolls down the home page to that video section. In addition a custom image over the video would be a great option. Thanks for all your videos !

[@demior5582]

OKAY THANK YOU SO MUCH YOU ARE GREAT. I do have one question. What is the size of that video? I want to make sure my video doesn’t cut anything out HELLO

[@tasosspanoudis6400]

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

[@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?

[@relatosdegabriela]

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

[@renemendonca5204]

Thank you so much for this video! Is there a way that I can slow the video down, or is that something I have to do before I upload the video?

[@industrialideasdesigndepar7098]

Amazing tutorial! Thankyou so much

[@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

[@arpitjain586]

It Actually Works thanks for the information. It's Really appreciated🤗🤗

[@OnHOWGuy]

Glad i could help. Cheers

[@Sensei-jh8yn]

GENIOUS!!! Exactly what I needed! Is there a way to only show these videos on mobile and not desktop as well?

You're the best! ❤

[@LyndonMustafa]

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

[@OnHOWGuy]

Great to hear and you're very welcome. Cheers

[@jsd1027]

Incredibly helpful! My only problem is that the video is not full screen, even though the code says 100%. Do you have any idea how to fix that?

[@KaydenRomero-p6v]

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

[@OnHOWGuy]

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

[@ZenInsuranceUSA]

My first-ever comment on KZbin! God bless you!!!

[@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

[@sharamc926]

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

[@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.

[@KashifNooriKN]

man your the honest boy love you man

[@ninahershman7577]

Thank you so much for your videos!! I followed this but my mobile view isn't showing the entire video its cropped on the sides, just the desktop version is. How do I fix this?

[@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.

[@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>"

[@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.

[@Davidevlover]

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

[@thexwise]

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

[@bagmeup]

this is amazing, came in the right time, can i also ask please. if i want to do the same thing but with a Play button on the video, so it won't loop. would that be possible?

[@TkPossamai]

men, are you the best genious of english math

[@lilac._.lillies]

You made my life so much easier! thank you

[@OnHOWGuy]

Happy to help and you're very welcome. Cheers

[@nakamaruhayashi]

You are truly a wonderful person! Thank you. Can I unmute the site?

[@Importz-t6c]

🐐 video man, Made me feel like i know how to code 😅 Thanks man , new SUB🤙

[@DIYHairz]

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

[@OnHOWGuy]

Really glad i did and happy to help. Cheers

[@anberanas5090]

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

[@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.

[@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.

[@voltx.c]

same did you get a solutionV

[@tanrenchii8273]

Thank you for the video and clear tutorial! How can I optimize my video width for mobile as well?

[@GoFadidi]

First above thank you so much!!! I need to know how can I add an Autoplay video with sound on shopify

[@gamerzelite1705]

Hi Brother... Thank you for sharing this video. Its very insightful. One quick question. I have tired the code you have shared its working perfectly fine. However, when I try to adjust the height its do doesn't make any change. Can you help me with that.

[@OnHOWGuy]

Hey, you 're very welcome, I have an update on this video coming soon and the code will include adjusting the height as well. Cheers

[@Zartarc]

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

[@fatimahxaouss]

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

[@LuxoLungs]

brilliant thank you anyway to make the edges rounder?

[@penstar]

Wow, really great, it worked well. Now I have to work out how to add text or an image either side of the video after the video width is reduced to 40%.

[@OnHOWGuy]

Sorry i just saw your comment, Really glad i could help. Good luck with that or i guess you might already did it ahaha. Cheers

[@christopherw.771]

I also wanted to do this but i dont know how to do it :/ Can you maybe help me?

[@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

[@bhaveshkturakhia273]

Hello! Thanks much for the vide. Problem is it looks great on desktop but on mobile its small. Anyway where we can change the aspect ratio just for mobile and make it look big?

[@JimAlbers]

Super helpful, thank you! I was wondering is it also possible to cut off the top and bottom parts of a video (or left and right parts) and kind of "framing" the video in a custom frame.

[@divinebarbie]

u just change the padding to 0 on top and bottom

[@Drums1696]

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

[@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?

[@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.

[@RadaClothing]

not showing button and heading in mobile version please help, your videos really supports.

[@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

[@C2GFishing]

awesome video! is it possible to play the original audio with the video just once and then let the video play over and over without the music after the first time?

[@TabithaRecek]

Hey there! When I added the code to fix the mobile, it didn't also add the header and the button over the video, just the text box. How do I fix this? Thank you so much! You've been such a great help to me.

[@paolacappa]

Best tutorial ever thank you!

[@wealthprosperx]

Thank you bro, your method worked

[@OnHOWGuy]

You're welcome, glad i could help. Cheers

[@faiqabarkat5494]

Thank you! May Allah bless you more, Ameen It just made my day😊

[@3rdSalimo]

Thank you Anas. Very helpful!

[@junwang9013]

Hello thank you very much for your code, it works very well on my website. I do have a question though, when I click my website link through instagram, it seems the video is not showing, not sure what's the problem. Could you please help?

[@JamesHarper-j3m]

This is great! Thank you for the help!

[@lanehunters_uk]

Hello. This worked really well. Im on Dawn 10.0. It seems like the video is showing when i press to see my products aswell. is there a way to have the video only on the main page without it appearing on my products. Thank 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

[@Culinara.]

Perfect, thank you. will follow your videos. :)

[@karolinamudra7442]

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

[@ChristineDespabiladeras]

Really informative and straight to the point! Though how to add video with sound?

[@VoetbalFissa]

Works great! Q: Can you also do it with audio?

[@tbmadeitt]

@@user-de3gt5lz6w It works the first time but then it stays frozen idk why... and it works again when I put "muted" back in

[@spencejunior6063]

Good info!!! How do you make the image clickable?

[@shylahallen8731]

Thank you very much! This did exactly what I wanted

[@MadeByCarlitos]

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

[@evayates3676]

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

[@BehiyeKurban]

thanks for this perfect video! Is there any chance to unmute the video? When im deleting "Muted" from the code, the video gets paused..

[@RamzGifting]

Very helpful video thank you so much!

[@717thebrand]

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

[@kevindume1]

it has helped me alot, but lets say you want to keep the sound? what do i change in the code

[@announviviane4810]

Thank you for this tutorial!!