Fade the app's glowing border, then expand the inset video to full-bleed as the player chrome dissolves
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
The player shows a letterboxed clip inside a dark app with a coloured gradient border hugging the frame edge, a crumb at top and a Storyboard chip, timeline and tool labels below. From ~f15–30 the border fades away. Then from ~f30–48 the video eases outward from its 1320x742 inset to cover the whole frame while the crumb, chip, timeline and tools fade; the side gutters go with them. The pointer drops toward the bottom-left corner and the clip holds full-bleed to f90.
Two-stage exit into full-bleed: an edge glow fades first, then the media scales up to the frame while the surrounding chrome dissolves.
Phase notes
- Frame 0 — Player with glowing border and chrome
- Frame 15 — Border begins to fade
- Frame 30 — Border gone; video starts expanding, chrome fades
- Frame 48 — Video full-bleed, chrome gone
- Frame 90 — Hold
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.
Recorded limits
- Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.