b464b5640f
All checks were successful
Deploy to Production / deploy (push) Successful in 1m0s
Owner reported "video läuft nicht, sehe nur foto" — classic blocked- autoplay on browsers with prefers-reduced-motion / data-saver / strict autoplay policies. The poster sat there forever and the visitor thought the page was broken because the only control was a tiny mute pill they didn't realise would also start playback. Fixes: - Tracks `playing` state via the video element's own play/pause events so React knows whether the browser actually granted autoplay. - Renders a large centre PLAY button overlay whenever the video is paused. The button covers the full frame (universal YouTube / Vimeo pattern: click anywhere on the video to play); the inner indigo circle with the triangle is the visual affordance, with hover scale for tactile feedback. - Wires onClick directly on the <video> element too so the click- anywhere-to-play works whether or not the overlay happens to be up. - Mute toggle now calls e.stopPropagation so tapping it doesn't accidentally trigger play/pause via the video's onClick handler. - Best-effort .play() call in the mount effect, with the rejection silently swallowed — failure just means the user has to click play themselves, which the overlay already affords. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| app | ||
| components | ||
| lib | ||
| public | ||
| Dockerfile | ||
| next-env.d.ts | ||
| next.config.mjs | ||
| package.json | ||
| postcss.config.mjs | ||
| tsconfig.json | ||