How To Add Video On Shopify Homepage With Autoplay
HTML-код
- Опубликовано: 16 апр 2023
- 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/t8rgWiYA
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 RUclips 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
This video is exquisite! Quick and easy to understand! 11/10 Thank you!!!!
You're very welcome, glad it was.
Cheers
Bro, your genuinely the best, it took me one week watching different videos, this was simple and awesome
Thanks brother, i appreciate that and really glad i could help.
Cheers
Wow thank you for this gem! Appreciate you sharing this information for free. Very straight to the point video -- rare to find these days!!
Finally someone actually explained. Thanks bro, great video!
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!
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!!
Best tutorial EVER!!!
Got it on the first try!!!!!
Thank you soooooo much :)
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!
A perfectly explained video, 10/10. Thank you so much!
You're very welcome, glad i could help.
Cheers
I never comment on videos, but this deserves it. Thank you!!!
What a legend. I spent hours trying to do this myself, thanks so much for the help!
You're very welcome brother, glad i could help and good luck with your journey.
Cheers
God bless you bro. You saved me 10 hours of work.
I'm learning a lot from your videos. Thank you so much for sharing!
Thank you!
Great content, always learning, happy Wednesday!
This is an easy and perfect way to adapt!! Thank you!
Thank you very much! This did exactly what I wanted
You're awesome bro, thanks for the help. Like and subscribed!
Thank you so much for the video!! You explain it so well!!
Wow thank you you are a life saver ! I tried so many codes and it was difficult
man your the honest boy love you man
Best tutorial hands down! Got it on the first try!!!!!
Thank you so much!! Saved me a lot of headache.
Thanks this was useful. Is it possible to make the mobile desktop auto play as well? When i look at the mobile desktop it has the play button instead of auto play.
thank you so much, this saved me a lot of headaches with shopify video
You're very welcome, glad i could help.
Cheers
WOW, exactly what I needed. You have saved the day once again..
Really glad i did and happy to help.
Cheers
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.
Thanks for the tutorial. Is there any way to add the text box over the video?
FIRE!!! Straight to the point and it worked awesome thank you so much.
You're very welcome and glad i could help.
Cheers
Rien à dire le meilleur tutorial que j'ai vu et facile a comprendre
Thank you!! Works perfect and easy to understand! Saved me so much time
Great to hear and you're very welcome.
Cheers
Thank you Anas. Very helpful!
Oh my gosh thank you!!! Such a wonderful explanation!
Thank you, really glad you think so.
Cheers
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!
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
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?
Thank you, That;s what i was looking for, you are good man. I am wondering how to add the button on the video
Wow! This was great, very straight to the point.
Really glad you think so.
Cheers
You have my eternal thanks. - liked and subscribed.
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
dude thank you so much for this video, so easy to follow, just subbed
I just saw your comment, you're very welcome and glad i could help.
Welcome to the family.
Cheers
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.
This is the only video that worked ! Thank you immensely ♥️ new subsc
Thanks for subbing and you're very welcome.
Thats what this channel is all about.
Cheers
Thank you!! Is it possible to have the video not loop but just stop at end of video? Still showing the end of video no blank screen is what I’m looking for.
Awesome video, very helpful, thank you!
Thank you for the tutorial, it really worked. However, my video is darker than when I added the video using the default section add-on under template. Did the code make my video darker? how do I fix this? Thank you
Thank you so much. Much appreciated!
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.
Thank you for this. You're a gem. How to unmute the video? I need to play the video with sound.
Hi! I loved the video but my Shopify doesn't have the "custom liquid" option is their an alternative way?
bro wtf, thank you so much! you save me like 5 hours lol
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 !
Video was awesome and works! The only problem I am having is there is a large Margin at the top. I have this as a website welcome video and large white bar in between header and video. Any ideas how to shrink this unwanted space?
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?
Thank you for the video! I tried your method it works on one video but if I add the second the first video shrinks and I can't make it any bigger. any idea why and how to fix it?
Thank you so much I really appreciate this it was so helpful
Hey brother thanks alot for the info, now i have a question, is it also possible to put a second video in the same 'banner / video'
hey man great video! very well explained! I just had trouble with the video autoplaying on the mobile. For some reason it doesnt play.. I tried the ¨playsinline¨ code but still nothing.. do you think you could help me with that?
Hi and thank for the explaination. My video is not added to my section, but remains stuck in the middle of my page... Do you have a solution to this problem? I also have no frame when I select custom liquid. Thanks
Absolute legend! Thank you!!!
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.
thank you very much bro, what a legend!
GENIOUS!!! Exactly what I needed! Is there a way to only show these videos on mobile and not desktop as well?
Thank you for this tutorial!!
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
This is great! Thank you for the help!
Thank you for the video and clear tutorial!
How can I optimize my video width for mobile as well?
Best tutorial ever thank you!
Thank you very much Anas !
This video was amazing;20/10!! If you don't mine me asking what measurements did you use for your video when designing?
Very helpful video thank you so much!
THANK YOU!
Can I also get this video vertically for better view on mobile?
Hi! I don't have a custom liquid option under "add section". Can you advise if there is another way to access this?
Hello my friend, I have a question. How would I edit the code to make the youtube video autoplay but hide the video completely? Because I just want the audio as background music. I am using the dawn theme. Plz help
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?
Thank you very much bro ! You a genius fr
Bro, you are amazing. Thank you so much.
you are amazing!!! Thank you from my heart!!!
Thank you! Great videos
It Actually Works thanks for the information. It's Really appreciated🤗🤗
Glad i could help.
Cheers
I've noticed that the video on mobile is great while the video on desktop is too tall to view. Is there any way to make that better? If I change the width to fit desktop well, the mobile version is tiny.
I noticed the code showed the sound was muted, what code could I add to unmute the sound? would love to have the sound volume on. thank you
Your videos help a lot ! How would I make the sound on my video play ?
Thanks a lot budy... You are a genius..
Ok question does it matter what theme you have or the format of the video
thanks for this perfect video! Is there any chance to unmute the video? When im deleting "Muted" from the code, the video gets paused..
Super helpful video, thank you! Is there code I can add to round the corners (i use sense theme)?
Thank you, great video, how do i add the sound? and 100% width takes 100% of the screen and not 100% of the width of the page like banner, product list, etc. Any idea how to fix it?
such a easy video to follow very simple!! Thanks so much Sir
You're very welcome, glad you think so and happy to help.
Cheers
Hi, do you have any idea how to get the video working with mobile as it's not showing up at all on phone?
Thank you Ernest for the great content it's so much helpful, can you help with this, i want the video to be 50% width but tho the side and the other 50% i want to write a text , is that possible ? Thanks
Thanks a lot bro!!❤️
Very helpful thank you!
How can you put menu options over the video? Like Shop, About, Gallery etc..
Thank you so so much!
Thank you bro short and good one !!
So glad you showed this way. Thank you thank you thank you!!!
You are so welcome and glad i could help.
Cheers
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
Great video thank you! It works fine on computer. However on mobile it still have play button. Can this be removed? Thank you!
Thanks so much for the valuable info ❣❣❣
Thank youuuu! How do you find a video for your product that you want to sell and put it on your banner? For your Shopify store?