How to adjust the height of my video on my product page, need it smaller in height?

Store Design

Topic summary

A user is trying to reduce the height of a video embedded on their product page. The current code uses max-width: 100%; height: auto; which maintains aspect ratio but results in a video that appears too tall.

Proposed Solution:
One respondent suggested modifying the CSS height property directly on the <video> element to control the height independently, though the specific code snippet appears corrupted in the thread.

Outstanding Questions:

  • The original poster clarified they want to adjust only the height, not the overall size (width included)
  • Another user requested the website link to provide more targeted help
  • A third user asked which file to modify and where to insert the code

The discussion remains open with no definitive solution implemented yet. The video code structure is visible but needs proper height constraints without distorting the aspect ratio.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

Hi,

Please can someone help me please. I have the below code on my product page but the height of my video is to big. I would like it to be smaller.

Thank you in advance

Ru

2

To make the video height smaller, you can adjust the CSS height property of the
3

Can you share the link to your website? It will make it a little bit easier for me to help you out. Thanks!

4

Hi, thanks for replying. The above code decreases the size of the whole video (width included) instead of just the height of the video. Should I make any other changes to the code.

5

Which file should I insert that code into and where in the file?