Genie Video
A blog cover video that folds itself into a docked mini player as you scroll.
Scroll this post
Weather in a paint tray
Paint poured onto a still surface never settles where you expect. Heavier pigments sink and push the lighter ones outward, and for a few seconds the tray looks like weather seen from orbit.
Scroll a little and the video lets go of the cover. The corner nearest the dock leaves first and the rest of the sheet follows, stretching on the way, until it lands in the small player.
Scroll back up and it unfolds into the cover again. Once it is docked, the mini player is a button that brings you back to the top.
Nothing about the layout changes. The cover and the dock are empty boxes; one WebGL plane is drawn between them, and every point on it runs a slightly delayed copy of the scroll position.
Scroll the post to fold the cover into the corner, and click the mini player to bring it back. See it on a full blog page. For the window version, see the macOS genie effect.