Video size

Topic summary

Issue: A video added to a page in the Shopify Studio theme displays at an excessively large size. The poster has limited coding experience and seeks simple, step-by-step guidance to resize it.

Attempts/updates:

  • Referenced three suggested options (details not shown). Option 1 did not work.
  • Option 2 involved changing a “ratio-percent:” value, but adjusting it produced no visible change. This appears to be a setting related to the video’s aspect ratio or sizing, but its effect is unclear to the user.
  • Option 3 requires updating the embedded video code; the poster doesn’t know what to change or how to implement it.

Needs/requests:

  • Clear, non-technical instructions for resizing a video in the Studio theme (e.g., where to edit settings or code, and exact values to use).
  • Guidance on whether changes should be made in theme settings, CSS, or the video embed code.

Status: Unresolved and open. No code snippets or images provided.

Summarized with AI on December 15. AI used: gpt-5.

Hello,

I am after some help on resizing a video.

I use the Studio theme and added a video to one of the pages and it video is massive.

I am terrible at coding so don’t know where to start.

Hi thanks for your help!
option 1 didn’t work, option 2 am I changing “ratio-percent:” if so it didn’t change anything.
option 3 I’m not really sure what to do? How do I update the embedded code and what would I be updating too, sorry I have no coding experience