[vlad-artyomov]

• Hero: the GIF is replaced by a silent looping video of the same stretch. It weighs 1.1 MB instead of 8.2 MB, runs at 60 fps and is 1760 px wide for high-density screens.
  • It starts on its own, as the GIF did, through autoplay, so the browser begins playback once the page is visible.
  • With prefers-reduced-motion it stays on its first frame.
  • A pause/play button in the corner meets WCAG 2.2.2.
• The film: a new section before the live demo holds the whole 41-second film with sound. It uses preload="none", so nothing loads until Play. The site serves the file itself, so the page adds no YouTube scripts or cookies.
• Phone: the "Watch it fill a form" link now jumps to the film.
• Tooling:
  • tools/video.mjs writes docs/video/fillsmith-demo.mp4 and its poster next to the README GIF. --loops (formerly --gif) rebuilds both.
  • tools/site.mjs copies the loop, the film and its poster, and no longer copies the GIF. Its dev server now answers range requests, as GitHub Pages does, so the film can seek.
• README: unchanged. The GIF is still the only thing that plays on its own there.

Testing:

• In a visible Chromium:
  • the loop autoplays, pauses and resumes from the button, and stays on its first frame under reduced motion;
  • the film plays;
  • no console errors.
• npm test passes all four suites.
• Nothing the extension package carries changed, so there is no version bump.

🤖 Generated with Claude Code