video.folx.tv Replit project
b643ba2a2c
Implement logic to temporarily display video playback controls on click and hover events within the BunnyVideoModal component. Add new state variables `showControls` and `controlsTimeout` to manage the visibility and auto-hiding of controls. Update the video player container's className to include `cursor-pointer` and an `onClick` handler `handleVideoClick` which triggers `showControlsTemporarily`. The `onMouseEnter` and `onMouseLeave` handlers on the video player container also manage control visibility and timeouts. Navigation buttons now conditionally render with `opacity-100` or `opacity-0 pointer-events-none` based on the `showControls` state. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/dDOZBYz |
||
|---|---|---|
| attached_assets | ||
| client | ||
| server | ||
| shared | ||
| .gitignore | ||
| .replit | ||
| components.json | ||
| cookies.txt | ||
| drizzle.config.ts | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| replit.md | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
| vite.config.ts | ||