Play videos in place over the slide's still

[lstein]

Summary

The video player no longer jumps to a different size when you press play, and moving to another slide no longer takes two steps.

Swiper view. The player is pinned over the exact on-screen rectangle of the poster's picture (letterboxing excluded), with no backdrop, so the still turns into the moving picture in place. It follows the slide on resize, drawer changes and partial drags. Navigating closes the player and moves on in one step: the swiper's ◀ ▶ buttons, ←/→/PageUp/PageDown, or a horizontal swipe/drag across the video (drags starting on the native control bar are left to scrubbing). × / Esc / Backspace still close without moving.

Grid view. Videos play in their tile the same way. Pressing play on a tile also selects it. localStorage["photomap.gridVideoInTile"] = "false" restores the lightbox for comparison.

While a video plays in place:

• The Control/Search panels fade out, because the browser offers no way to move the native control bar above them.
• The playing slide's favourites star and play badge are hidden; the star sat under the player's close button.

Fullscreen from the native controls.

• Closing the player always exits fullscreen first. Before, a hidden fullscreen element left an invisible layer that swallowed every click.
• While fullscreen, grid rebuilds, slideChanged, swipes and the navigate-away keys are ignored, so the arrows seek again.
• If the poster disappears or goes off screen, the player waits up to 4s for the same image's tile to come back after a rebuild and re-pins to it, adopting the grid's new Swiper instance. It also keeps that instance's keyboard disabled.

Grid resize fix (pre-existing bug). Any resize that changed the grid's shape, including entering and leaving fullscreen, brought the grid back one page early and left a duplicate of every tile. The cause: the resize handler reset the slides before creating the new Swiper instance, so the new instance started at slide 0, on the prepended previous page. It now creates the instance first, then resets, the same order the thumbnail-size handler uses. As a side effect this also stops the handler passing a global index where loadBatch expects a search index.

Test plan

• npm test: 952 pass, including new tests for in-place pinning, following, grace/re-pin, keyboard and swipe navigation, fullscreen, the slideshow-resume rule and badge selection. Lint and format are clean.
• Driven in headless Chromium against a real video album:
  • frame rect equals the poster's picture rect;
  • the arrow key, next button, mouse drag and resize behave as described;
  • a grid tile on page 4 survives a resize and fullscreen round trip on the same page and re-pins;
  • the page is clickable after exiting fullscreen;
  • a resize with no video returns to the same page with no duplicates.
• Adversarial fresh-context review; all confirmed findings fixed in the last commit.
• Manual: real fullscreen button in Chrome/Firefox, and Safari on iPad (native video fullscreen path).

🤖 Generated with Claude Code