Homepage video problem

Solved
Highlighted
Excursionist
19 0 1

Hi, when I add this code on "custom HTML" for my homepage video : 

<p><video muted="muted" autoplay="autoplay" loop="loop" playsinline="" width="100%">
<source src="VIDEO URL" type="video/mp4"></source>
</video></p>

the video appears less wide than normal. Please help me. Thanks

0 Likes
Highlighted
Shopify Partner
41 5 13

Hi @Vector1, do you know if the containing element for the custom html is the width that you want your video to be, or is it smaller? Also, I wouldn't wrap that video in a <p>, I would wrap it in a <div>.

<div>
  <video muted="muted" autoplay="autoplay" loop="loop" playsinline="" width="100%">
    <source src="VIDEO URL" type="video/mp4"></source>
  </video>
</div>
2 Likes
Highlighted
Excursionist
19 0 1

Hi @kenput3r , thanks for your reply. The video is smaller than normal. I replace with your code but unfortunately the problem isn't solved.

0 Likes
Highlighted
Excursionist
19 0 1

smaller than normalsmaller than normal

0 Likes
Highlighted
Excursionist
19 0 1

@kenput3r are you there? 

0 Likes
Highlighted
Shopify Partner
41 5 13

@Vector1 from looks of your screenshot, there is probably padding and/or margin around the video, probably on the containing element.

Unfortunately, that's the most that I can help without seeing the code.

2 Likes
Highlighted
Excursionist
19 0 1

@kenput3r  I can send you the code. Which part of code must I copy to show you? Thanks

0 Likes
Highlighted
Shopify Partner
41 5 13

@Vector1 it would be easier to send a link to the site.

2 Likes
Highlighted
Excursionist
19 0 1

@kenput3r Ok thanks, I send you the website in a private message

0 Likes
Highlighted
Excursionist
19 0 1

@kenput3r Did you get my message?

0 Likes