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.

@PLANBERLIN @ofimile123 try uploading your video file to the Shopify files area, and using the link generated there. Also make sure you’re inserting the link in both places in the code, otherwise you won’t see the video on some types of devices. Did that fix both of your issues?

@ofimile123 @PLANBERLIN have you tried uploading your videos to the Shopify files section, and made sure you updated the link in both “source” lines in the code? Other than that, you could make sure the video “type” is selected correctly if not an mp4. Did that work?

@SVNSales Yes! Uploading the short clip to the shopify files worked perfectly for me! Thanks a lot!

@ofimile123 happy to help, glad it worked!

So did you just add this as a section or what? I created a new section called Custom-Video-Player.liquid but nothing showed up so how did you implement it.

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…

Dawn Theme - Custom HTML for Video Autoplay

Store Design

Ninthony October 7, 2021, 1:24am 16

Its an already created section in dawn theme called Custom Liquid, you would add that to your homepage and then paste the code into the text area in the customize menu.

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

Dawn Theme - Custom HTML for Video Autoplay

Related topics