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.

@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

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.

@CarlosDeco The code you’ll want to replace is the 2 src=“…” lines, which point to the video source. I’m not quite certain how to make this work with a YouTube video. You may try the embed link for the video if the regular one doesn’t work, or just upload the video to Shopify as we’ve done here.

Done! thank you very much :slightly_smiling_face: It was the video, because I wrote the Youtube link, and I had to upload on Shopify!

[email removed] Ninthony Thank you so much, works great! Question, is there some code that would allow me to display one custom liquid section on desktop and another for mobile so that I can optimize the resolution of the video for each devices? Thanks again,

That would probably be a bit more of an advanced edit. You could add 2 and hide one and show one depending on the screen size like this: But this would load two videos at once on your page which would increase load time. A better solution would probably be to swap out the sources based on screen …

Dawn Theme - Custom HTML for Video Autoplay

Store Design

CarlosDeco February 4, 2022, 1:12pm 33

Hello @SVNSales @Ninthony

I’m following all the answer, but I want to upload my video that it’s in this URL, how can I change the code with my URL?

https://youtu.be/gzy4Pi-PrKw

Thank you very much!

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	2381	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