Contents

Video Intrinsic Height

The video's real pixel height, set alongside the width so the browser knows its shape.

Where to find it
Labelled Video Intrinsic Height in the "Selected Component" section of the Modify drawer.
Offered by
The Video component. Other components do not have this setting.
Per device
Yes — you can set one value for every screen, or separate values for phone, tablet, and desktop.

In plain English

This is the partner of Video Intrinsic Width, and it exists for the same reason: the browser needs both numbers to work out the video's shape and hold the right amount of space open before the file arrives.

Use the video's real recorded height — 1080 for ordinary HD footage, 1920 for portrait video shot on a phone. Not the height you want on the page; that belongs on the column.

The two numbers only matter as a pair. Either both are right, or the reserved space is the wrong shape and you may as well have set neither.

When you would use it

  • Every video, always set together with Video Intrinsic Width.

How to change it

  1. Click the video component on the canvas.
  2. In the Modify drawer, open "Selected Component", then "Video Intrinsic Height".
  3. Enter the video's real pixel height.
  4. Check that Video Intrinsic Width is set to match.
One value, or one per device? Every input in this setting sits under a “Same value for all resolutions” checkbox. Leave it checked for a single value everywhere, or uncheck it to give phones, tablets, and desktops their own. How per-device values work.

Watch out for

  • A height with no width does nothing. Set both.
  • Portrait video shot on a phone is taller than it is wide — 1080 by 1920, not 1920 by 1080. Swapping them reserves a space of entirely the wrong shape.

Related settings

For developers

The technical reference for what this setting produces: MDN: the height attribute. You do not need any of it to use the setting — it is there for whoever is building the components or debugging the published page.

Where to go next