Film
A film behind copy, in two modes. On a loop: a muted film that plays while on screen, with a pause button, and optionally a Watch button that opens a full film with sound, chapters and captions full screen. As you scroll: the section pins and the scroll drives the film, chapter copy changes along the way, and at the end it hands off to a loop, so a film can become the page's backdrop. No WebGL.
- Renderer
- Video
- Kind
- Rich media
- Options
- 12 fields, 4 presets
STILL HOUSE · A place apart
Stone rooms on forty acres of oak.
Forty acres of oak and dry grass, and a few stone rooms laid around a courtyard.
From model to place
Down to eye level.
The model gives way to the place.
The courtyard
STILL HOUSE · A place apart. Stone rooms on forty acres of oak.The courtyard, at the centre of everything.
Olive, water, warm stone. Stay as long as the light does.
Presets
Used on
- STILL HOUSE: opening, model to place as you scroll
- FORM: opening, the opal lamp
- SONDER: film section, opens the full film with sound
Worth knowing
- Films are served as files from a media URL, never embedded in the page bundle, and load only near the screen.
- The scroll film eases toward the scroll position and only asks for a new frame once the last one has landed, so it stays smooth. It is encoded with a keyframe every two thirds of a second to make seeking cheap.
- Model to place ends on the first frame of the villa loop, so the hand-off at the end has no seam.
- Under reduced motion the films stay on their posters; the chapters still change with the scroll.
- A loop can open a full film with sound: a full-screen dialog with chapters, captions drawn from WebVTT in the page's type, sound and keyboard controls (Space, arrows, M, C, Escape). Focus stays inside and returns to the button.