Split screen is two videos sharing one frame instead of one sitting on top of the other. It is the layout for reactions, before-and-afters, two-camera interviews and any comparison where the point is that both things are happening at once.

Pick the orientation from the feed, not the footage

A 16:9 video splits left and right. A 9:16 video splits top and bottom. That sounds obvious and it is the single most common mistake in the format.

Two panels side by side in a vertical frame gives each one a sliver about 540 pixels wide, and a face in a 540-wide box on a phone is a face nobody can read. Stack them instead and each panel gets the full width. The same logic run backwards is why a stacked layout wastes a 16:9 frame.

An audio waveform shown before and after silences are closed up, the take shorter.

If you are not sure which feed the video is for yet, build it horizontally and reframe to 9:16 afterwards - the reframe can crop a horizontal layout into a vertical one, but it cannot un-squash two narrow panels.

Reframing that keeps a face centred uses Apple's Vision framework; the detection happens locally, which is what lets the crop keep up without a round trip.

Under the hood this is AVFoundation, Apple's media framework, which is what Mac editors use to compose a timeline and write the result back out.

Building one by hand

  1. Open the first video in Zella.
  2. Add the second as a video overlay, not as a clip. A clip plays after; an overlay plays alongside. Picture-in-picture on Mac covers that distinction in full.
  3. Size the overlay to half the canvas and push it to one side.
  4. Set the main clip's own scale and position so it fills the other half.
  5. Crop each panel from the inside edge so the two meet cleanly instead of overlapping.

Step five is what separates a split screen from two videos that happen to be near each other. Most source footage has empty space around the subject, and cropping the inner edges pulls both subjects towards the middle where the viewer's eye already is.

Or let the template do it

Reaction Split builds the whole layout in one click. It takes two videos, arranges them into a split, and sizes both panels to the canvas you are working in. It is one of the layout templates, alongside Reel Pack, Photo Cards, Hook Captions, Beat Drop and Cinematic Reel.

The template is a starting point rather than a finished layout: the panels are still overlays afterwards, so cropping, position and volume are all still yours to adjust. Applying the template that is already active removes it, which makes it safe to try.

The audio decision comes first

Two videos means two audio tracks, and a split screen with both at full volume is unwatchable. Decide before you build:

  • Reaction: the reactor talks, the source clip sits well under. If the source clip has speech that matters, you are making a conversation, not a reaction, and both need to take turns.
  • Before and after: usually neither. Narrate over the top and mute both panels.
  • Two-camera interview: one camera's audio, always. Both mics open in the same room is how you get comb filtering, which sounds like the voice is being spoken through a pipe.

Each overlay carries its own volume, so this is a decision you make once rather than a fight you have during export.

Making it readable

Give the join an edge. Two videos meeting with no border read as one confusing image, especially when both are dim. A thin gap or a hard edge tells the eye there are two things.

Keep the eyelines apart. In a two-person split, position each subject towards the outer edge so they appear to look at each other. Both looking the same way reads as two unrelated clips.

Caption the right panel. Captions belong under whoever is speaking, not in the middle of the frame. If both talk, they belong at the bottom of the whole canvas and should not move.

Watch the safe zones. Vertical feeds put interface furniture over the bottom of the frame, so a stacked layout's lower panel loses more than you would guess. Check the safe zones for the platform before you commit.

When a split screen is the wrong answer

If one of the two videos is only interesting for a few seconds, do not build a split. Cut to it. A split screen asks the viewer to watch two things for the whole duration, and that is a real cost - use it when both halves are genuinely live, and cut when only one is.

Frequently asked questions

Should the split be vertical or horizontal? Match the feed. Left and right for 16:9, top and bottom for 9:16. Two side-by-side panels in a vertical frame leave each subject too small to read on a phone.

How do I stop both videos playing audio at once? Set each overlay's volume deliberately. Every overlay in Zella has its own gain, separate from the clip underneath, so one panel can carry the speech and the other can sit silent or well under.

Can I do a split screen with three videos? You can stack more overlays, but three panels in a phone-sized frame is usually one too many. Two panels and a cut is almost always clearer than three panels held.

Do the two videos need to be the same length? No. Each overlay has its own place on the timeline, so a short panel can appear part-way through and leave before the end.

Does Reaction Split work on any canvas? It sizes the panels to whatever canvas the project is in, so build in the shape you intend to post before applying it rather than reframing afterwards.

How do I stop the two panels overlapping? Crop each one from its inner edge. Cropping also pulls both subjects towards the centre of the frame, which is where the viewer is already looking.