Unnatural white spacing above and below embeded video on product page

Ivy9
New Member
2 0 1

Hi there,

We need some help regarding some unnatural spacing from our video in the Description box on our product page.

I've tried multiple embedded codes, but the outcome is still the same. See below picture for large white spacing above and bottom of the video.

Screen Shot 2021-04-13 at 4.04.33 PM.png

I've tried using separately for comparison with the below embedded codes:

<iframe src="https://player.vimeo.com/video/531525734?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" width="444" height="206" title="Car Seat Gap Filler With Pocket" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen=""></iframe>

<iframe src="https://player.vimeo.com/video/531525734" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe>

<iframe src="https://player.vimeo.com/video/531525734" width="600" height="350" frameborder="0" allow="autoplay; fullscreen" allowfullscreen=""></iframe>

 

All 3 still show the same large white spacing. What is wrong with the code we are using? What code should we use instead?

Thank you for the help!

JohnsonGith
New Member
5 0 0

Try using this method maybe it works for you!

 

<video controls="" style="max-width: 100%;">

<source src="YOUR_VIDEO_URL" type="video/mp4">

Sorry, your browser doesn't support embedded videos.
</video>

0 Likes
dmwwebartisan
Shopify Partner
5866 1339 1721

@Ivy9 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Ivy9
New Member
2 0 1

Hi there,

Our website is www.waterliberty.com.

I will email you as well!

0 Likes