Hello, I’m trying to add a video on the top of my home page as a banner, it should loop (autoplay) and it can be from my files on Shopify or through a youtube link. Things I’ve tried: I used a banner section and uploaded a gif but it doesn’t look right. I’ve also used a custom code that I found s…

Hi there, Jack from OpenThinking here! From the Shopify admin > Open Settings and then open the Files tab Click the green “Upload files” button Upload your video in .mp4 format Copy the link that was generated for your uploaded file. [Screenshot 2022-02-26 at 14.30.56.png] Then O…

When you say theme editor, do you mean Theme > Edit code > Layout > ??? i dont see theme as a folder for code. Or do you mean Theme > Edit code > Sections > Create new section (Custom liquid) ? – Im going to try this theory. EDIT 1: I was wrong with my assumptions and what you meant finally clicke…

Worked amazing for me, thak you! How do i change the height of the looped video? I want to make it thinner so it does not take up the whole page. thanks! looking forward to your reply

Fantastic! works like a charm. I also noticed that the play button pops up when you use this liquid on my phone. (not automatically looping). Also, is there a way to make a looping video but with text box and button? (refer to photo). [Screen Shot 2022-04-02 at 10.34.45 am.png] webiste link www…

Thank you for the solution! The video is playing Is there a way to make it clickable? Is there a way to make the text overlay or just making it clickable? Like when people click on the video, it takes the user some where?

Some clarifications about the questions above. Many browsers, particularly the most recent versions, automatically block videos from automatically playing, particularly ones with audio. Most mobile devices, including iPhones, iPads, and many Android devices do not support the video autoplay fe…

Hi, nothing about your question but just wondering : did you create your website using Dawn theme ? it looks amazing. and loop video is very cool effect. have a nice day

Hello. Thank you so much for this. I have one question - What if we want to add multiple such loop videos. Could you please help with this? Thank you

Hi there. It works awesome but how does one unmute do the sound plays? The code says default muted. much appreciated if there is a fix for this.

this is an amazing solution!!! super simple too. but i have one question :slightly_smiling_face: is there a way to have this video played on just on the homepage? when i use the code and instructions you provided, the video banner shows up on every page. is there a way to have it ONLY on the homepa…

How can I add a mobile-friendly, looping banner video to my homepage?

Store Design

Kennyd1 April 6, 2022, 10:40pm 6

would it be possible to add a text to the front and leave the video in the background?

Topic		Replies	Views
How can I set a looping video banner for my website? Store Design	5	570	March 17, 2022
Video on Homepage Technical Q&A customizations , css , shopify-themes	13	263	September 19, 2025
Video Banner Autoplay on Mobile Store Design design , customizations , troubleshooting	2	63	August 9, 2024
Shopify Dawn - Image Banner to Video Banner Store Design	4	132	May 3, 2022
Custom Video Banner Not Loading on Mobile - Dawn Theme Store Design	2	59	January 10, 2024

How can I add a mobile-friendly, looping banner video to my homepage?

Related topics