Hello all! I’m building a new online store using the Dawn theme, but have encountered a major obstacle with no solution I can find. Essentially, I want my home page to have an autoplaying, muted, looped short video on it. I have explored the the built in “video” section as well as tried using a GI…

You can use the custom liquid block just like the custom html block, upside is now you can use liquid in it. That’ll give you a video element that’s 80% width and centered, video code taken directly from MDN Web Docs. Just change out your sources and change whatever styles.

Most likely possible, heres the code for the autoplay video i made: Click Here You could try changing the source to the specific stream you wanna play and try to trigger it, you can get rid of the button if you want I was just messing around with it.

Why do we have two src"" that are exactly the same video?

@Ninthony Thanks so much for the code! it works for me. There are two things though I want to check if you could help: after I replace the banner with the custom liquid, there is a huge white space between the video and header. How can I reduce it? is there a way to add a button on the video…

@graciax452 one for desktop viewers and one for mobile. I’m sure there’s some way to consolidate if you don’t like the look of it.

Thanks @SVNSales now I understand :slightly_smiling_face: Do you also have an idea how I can reduce the large whitespace before the video below the header that I seem to have now? :slightly_smiling_face:

@VinceLegentil happy to help! Not sure how you’d add such a thing to the video container itself, but you could always add a formatted hyperlink above the video.

Hi! This is awesome content! Did anyone find a solution to the big white space between the header and the video?

Hi @jamesMeegan Thanks for your help, I´ve seen it works properly when i first land into the Home page; however when i came back from another section to the Home the video dosen`t play. Could you help me whit this ASQ, thank again.

Hi, So I followed your guide: changing source at 2 places. However my file as copied from Shopify Files Section is as follows: https://cdn.shopify.com/s/files/1/0594/9970/8578/files/CH02-20210331-164655-164758-002001000000.mp4.xspf?v=1639543868 What kind of file is it? Do I need to change the typ…

Dawn Theme - Custom HTML for Video Autoplay

Store Design

VinceLegentil November 18, 2021, 12:33pm 23

Thank you for sharing the code @SVNSales . Do you know if there’s a way to add a text and a link on top of the video?

Topic		Replies	Views
How do I display a different video for desktop and another for mobile with the Dawn theme? Store Design design	52	880	August 8, 2025
How can i auto play videos in Dawn theme? Technical Q&A	36	502	May 7, 2024
How can I fix video autoplay issues on Dawn Theme for mobile view? Store Design	1	41	August 9, 2022
How can I create a video with text section in the Dawn theme? Store Design	126	2417	April 7, 2025
Why isn't my video autoplay working in the Dawn theme? Store Design design	6	113	February 20, 2024

Dawn Theme - Custom HTML for Video Autoplay

Related topics