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> |
||
|---|---|---|
| .. | ||
| particle-hero | ||
| ui | ||
| code-block.tsx | ||
| cookie-banner.tsx | ||
| country-picker.tsx | ||
| docs-page.tsx | ||
| hero-animation.tsx | ||
| hero-step-rotator.tsx | ||
| hero-video.tsx | ||
| input.tsx | ||
| install-snippets.tsx | ||
| json-ld.tsx | ||
| logo.tsx | ||
| marketing-auth-buttons.tsx | ||
| marketing-mobile-menu.tsx | ||
| mobile-action-bar.tsx | ||
| pulse.tsx | ||
| scroll-cue.tsx | ||
| static-code-block.tsx | ||
| status-pill.tsx | ||
| streaming-logs.tsx | ||
| user-menu.tsx | ||