How can I adjust video size on a product page?

Store Design
1

On mobile here:

https://beautifina.com/products/proderma-wand

The videos height are too big.

I couldn’t even find an app that resizes videos properly.

2

@Beautifina
Please check this app
https://apps.shopify.com/resize-image-and-optimize

3

Doesn’t work.

Like I said, there aren’t any apps that solve this.

I think this can only be solved with some simple code.

4

@Beautifina

Hi,

You need to crop your video.

You can do it online for free at https://ezgif.com/crop-video

Below is the video I downloaded and cropped.

https://cdn.shopify.com/videos/c/o/v/b054b10e8e5c4aa8bfcc80d80e15ada5.mp4

Hope it helps.

Thanks.

5

Thanks but it still doesn’t work. I tried to crop it but the video height is still the same

6

Have you download the video I cropped and tried it?

If you haven’t tried it, please download it by following steps.

  1. Click this link - https://cdn.shopify.com/videos/c/o/v/b054b10e8e5c4aa8bfcc80d80e15ada5.mp4

  2. Mouse over on the video.

  3. Right Bottom, click 3 dots.

  4. Click “Download”

20220721_102209.png
20220721_102209.png528×530 206 KB

Upload the downloaded video to the product page.

Please let me know & see the video after you upload it.

If you were facing issues with white-space (margin), please share the link.

If you think the video is still too big in height, you will need to make the video again.

Hope it helps.

Thanks.