How to upload a video directly onto the Dawn theme?

Store Design
1

Hello, i want to upload a video onto the landing page in dawn theme but you can only link a video from YouTube, is it possible to UPLOAD a video onto the website?

Thanks you!

2

@Nedsko

You can use the custom liquid block just like the custom html block, upside is now you can use liquid in it.

video { width: 80%; display: block; margin: 0 auto; }

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.

1 Like
3

thank you i’ll give it a go. However I want the video to take the whole width of page, how do I do that?

4

@Nedsko change 80% into 100% in code!

style>

video {

width: 100%;

display: block;

margin: 0 auto;

}
1 Like
5

Also, is it possible to make so that the video automatically plays and also covers whole width of page? for example https://gelblaster.com/

6

upload video in files from setting in shopify and replace that src CDN URL in code

@Nedsko

7

HAHAHA, of course that makes sense :slightly_smiling_face: sorry I’m an amateur when it comes to code

8

yes Autoplay video control action is already added in this code!

@Nedsko

9

I’m just editing the video now, what format do you recommend I save it as? to help my website run faster.

10

mp4 is recommended @Nedsko

11

Hi, Could you let me know how to add a cover for the video?

12

@Ecommpremium

Hi, this worked great, thanks for the tip. Is there a way to add text overlay on top of the video?

13

Hi,

It works perfectly!

I’ve a question : how to put 3 videos side by side to make a triptych?

Thanks!