Guides

Vertical clips

Shorts, Reels and square posts, with the window, the camera and the captions kept clear of the platform's buttons.

video:
  format: short                     # 1080x1920
browser:
  url: http://localhost:5173
  viewport: 720x1014                # fills the short format's safe area
  scale: 2
camera: auto

The short example.

Format	Size	Viewport that fills it
`wide`	1920×1080	1280×641 (the default, 1280×800, leaves room at the sides)
`short`	1080×1920	720×1014
`portrait`	1080×1350	900×1019
`square`	1080×1080	960×916

video.safe is the area kept clear: 9 % at the top, 6 % at the sides and 20 % at the bottom for short; 4 %, 4 % and 10 % for portrait. video.safe: none uses the whole frame.
A page 720 CSS pixels wide may switch to its narrow layout, which reads well on a phone.
camera: auto zooms in on each action; camera: static keeps the whole page in view.

Source: docs-src/pages/guides/vertical.md · browser-clip 0.1.0