How can I adjust the size of an embedded video on my main page?

Store Design
1

I want to add a no control video on the main page, i embedded the code in custom liquid section

on desktop is hows 1.9 on it which is pretty weird (and it’s not center justify)

Eddie24_0-1695808383823.png
Eddie24_0-1695808383823.png2836×276 207 KB

on the mobile, the video size is too big

Eddie24_0-1695808612453.png
Eddie24_0-1695808612453.png740×748 371 KB

is there any ways I can fix it?

below is the code I embedded

  2. video {
  3. width: 100%;
  4. height: auto;
  5. display: block;
  6. margin: 0 auto;
  7. }
  12. <source src="/media/cc0-videos/flower.mp4"
  13. type=“video/mp4”>
2

To start, I want to make sure that the video the person wants to add is in a format that can be played on Shopify. Shopify supports several different video formats, including MP4, MOV, and WebM. So the first step is to make sure that the video is in one of these formats. Can you confirm that?

3

yes mp4 file

4

Can you do it?