Video Tutorial

Build a composition step by step — from a single clip to layered scenes.

Step 1: Display a Basic Video

Place a video inside a root timegroup.

Step 2: Trim a Video

Two approaches — choose based on your workflow.

Relative trimming removes time from edges:

Absolute trimming specifies exact timecodes:

See the Trimming Video section for detailed guidance on choosing between them.

Step 3: Create a Simple Sequence

Use mode="sequence" to play clips one after another. The timeline duration is the sum of all children.

Step 4: Layer Videos with Text

Nest timegroups inside a sequence. Each child timegroup holds a video background and text overlay.

Next Steps

• See Trimming Video for a trimming deep-dive
• See Video Effects for CSS filters and animations