How to fix white line issue on banner video autoplay width?

[akosp]

Hello guys,

I have added a code to a custom liquid section.

The problem with this is that there is a white line on the right and left hand side, so the video has a white "bar" basically on the left and right. Changing the width, the height, etc. doesnt help, and i tried recentering it as well, but it doesn't help either. If I change the width to 120%, the video's width will be larger but only to the right side, and the left side white thing remains, plus there is a scrollbar to scroll right. So, it resizes the width towards only the right.

The Code:

<style>

video {

display: block;
margin: 0;
width: 100%;
height: 100%;

}

</style>


<video autoplay loop playsinline muted>
<source src="https://cdn.shopify.com/videos/c/o/v/b1bd160d89c047079a451550a57c023f.mp4">
</video>

 

[SideNode]

hi @akosp 

Its SideNode! We will be happy to help you today.

Could you please share the URL of the frontend, so I can view the website and check the issue?

Regards,
SideNode