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.

Is it possible to do a similar thing but embed a twitch stream instead of refrencing a video file?

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.

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?

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

Dawn Theme - Custom HTML for Video Autoplay

Store Design

graciax452 November 16, 2021, 6:05pm 22

Thanks @SVNSales now I understand 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?

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

Dawn Theme - Custom HTML for Video Autoplay

Related topics