FlowCraft Video Player

Play your own videos in a branded player that matches your site, instead of the browser's plain default controls.

The FlowCraft Video Player is built with HTML, Tailwind CSS (via CDN) and vanilla JavaScript. It gives your videos their own controls:

- Big play button, plus play and pause controls

- A progress bar you can click or drag, with a bubble showing the time

- Volume slider and mute button

- Full screen

- Keyboard shortcuts: Space/K play/pause, ← → seek 5 seconds, ↑ ↓ volume, M mute, F full screen, 0–9 jump

- Controls that hide while the video plays and come back when the mouse moves

- Works on phones and tablets

When the video ends, an end screen offers "Replay" and "Get a Free Quote". The built-in quote form sends each viewer's email, the video title and how much of the video they watched to your form service (Formspree, Make, Zapier or your own webhook), so you know who's interested.

WHAT'S INCLUDED

- index.html: player, control bar, end screen and quote form

- app.js: all player logic, heavily commented

- style.css: control-bar fading, progress bar and volume slider styling

- assets/video/: sample showreel (MP4 + WebM) and poster image

- README.txt: setup guide, plus an optional .htaccess for Apache/Hostinger

REQUIREMENTS

- Your own video file (an MP4 plays in every modern browser)

- No npm install or build step. It also runs when opened straight from your computer.

- YouTube and Vimeo links are not supported; the player needs a direct video file.

Try the live demo: https://haveinsights.com/flowcraft/video-player/

License: use and modify in unlimited personal and client projects. Resale or redistribution is not permitted.