Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

Re: Banner Video Autoplay Width Problem

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

akosp
Visitor
2 0 0

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>

akosp_0-1692440728654.png

Screenshot 2023-08-19 122622.jpg

Reply 1 (1)

SideNode
Shopify Partner
159 38 42

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

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION