How do I remove black bars from embedded videos in product descriptions?

Store Design
, , ,
1

Hey there,

I embedded a video in portrait format on my product page. However, on the website it’s shown in landscape with the black bars. Does anyone know how to remove them?

This is my shop: https://candisana.com/products/acnepatch

The video was embedded with:

2

hi ^^try this:

1st option (give a style to your video on your HTML element), so replace your code with this one:

2 option, style your video on the CSS file of your product page:

so you add this:

.video-product {
    max-width: 280px;
    height: 500px;
    object-fit: cover;
}

and remplace your HTML embed code with with:

Let me know if it work :slightly_smiling_face:

3

Hey,

Thanks a lot. I tried the first option and it works.