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.

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:

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?

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…

@Quinnie the file link looks fine, and an mp4 file should work without issue. If you post your code segment I can try having a look

Dawn Theme - Custom HTML for Video Autoplay

Store Design

SVNSales November 18, 2021, 6:28pm 24

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

Topic		Replies	Views
How do I display a different video for desktop and another for mobile with the Dawn theme? Store Design design	52	874	August 8, 2025
How can i auto play videos in Dawn theme? Technical Q&A	36	499	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	2401	April 7, 2025
Why isn't my video autoplay working in the Dawn theme? Store Design design	6	111	February 20, 2024

Dawn Theme - Custom HTML for Video Autoplay

Related topics