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.

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

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…

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! :slightly_smiling_face:

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

Dawn Theme - Custom HTML for Video Autoplay

Store Design

SVNSales January 28, 2022, 7:19pm 32

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

Topic		Replies	Views
How do I display a different video for desktop and another for mobile with the Dawn theme? Store Design design	52	875	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	112	February 20, 2024

Dawn Theme - Custom HTML for Video Autoplay

Related topics