Black bars around youtube video thats in description

For the product description i have here the youtube video has black bars on the top and bottom

https://qaptmusic.myshopify.com/products/qapt-presents-flow-state-for-lounge-lizard-ep-4

How do embed without that and have it scale and fit no matter what?

if you notice how i have it here on gumroad the youtube video doesnt have that even if you make the smaller or skinnier. It scales in tact

https://qapt.gumroad.com/l/FlowState

I am moving all my gumroad products over to shopify

This is Noah from PageFly - Shopify Page Builder App

Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag


Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

1 Like

Hello

Thanks, that worked on desktop. 210px actually clipped through the thumbnail on my screen so I changed it to 282px. So it looks good with that on desktop but with mobile the issue still persists.

Hi @QAPT Oke, I got it, Please add code here to change height between screen mobile and desktop view:


1 Like

Tried it, that still clips thru about 40% of the thumbnail on desktop and clips thru about 30% on mobile. Going to try and play with those numbers to see i get anything. Just fyi this is the free Spotlight Theme

Hi @QAPT Iam sorry ,I will set height for each sreen, can you add again code here:


1 Like

this worked, I just had to redo some of the numbers a little.. thank you!

1 Like

Thank you, No problem. Have a nice day !