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.

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.

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…

You are a genius! Thank you so much for sharing - this worked perfectly for me too!

Struggling to remove the open space above the video as well. Has anyone found a solution?

This solution seems so simple but what code in the Dawn theme did you replace? I can see the .json files and I can see the liquid files. Are you just plugging in this style code before the video in the .json file for index? I’m rusty when it comes to coding…

[email removed] Don’t need to touch any theme code, just add a “Custom Liquid” block in the theme builder and insert the code there.

Dawn Theme - Custom HTML for Video Autoplay

Store Design

SVNSales December 24, 2021, 7:15pm 28

@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

Topic		Replies	Views
How do I display a different video for desktop and another for mobile with the Dawn theme? Store Design design	52	876	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	2407	April 7, 2025
Why isn't my video autoplay working in the Dawn theme? Store Design design	6	112	February 20, 2024

Dawn Theme - Custom HTML for Video Autoplay

Related topics