About Video Player X
Tired of dropping the same basic video player into every project?
Most players give you a few toggles - maybe color, maybe controls - but never full control.
Video Player X changes that.
This is a fully customizable self-hosted video player built for design-first workflows. From progress bars to icons, gradients to glow, every detail is yours to control. It also includes smart playback that pauses when off-screen and resumes when back, making it a truly interactive video experience.
What makes this different
Most video players are built like tools.
This one is built like a design system.
Instead of being locked into a predefined media player, you get full freedom:
Style every element - controls, progress bar, buttons, overlays
Replace every icon with your own
Add dynamic effects like ambient glow video styling
Control behavior like pause on scroll video.
It’s not just a custom video player - it's a fully designable interactive media player inside Framer.
Instructions
Copy and paste Video Player X into your Framer project
Add your video using Source Type - URL (mp4, webm, mov supported) or File Upload.
Note: External players like youtube, vimeo not supported.
Add a thumbnail image
Adjust styling and behavior from the right panel
Publish - your player is ready.
Properties Control
Features
50+ controls: Full control over styling and behavior.
Smart playback system: Automatically pauses when off-screen and resumes correctly.
Ambient glow effect: Dynamic lighting based on video colors.
Keyboard controls: Spacebar playback toggle included.
CMS Support: You can add any video url from any CMS field
Custom icons everywhere: Replace every UI element visually.
Gradient overlays: Create branded control bars.
Variant support: Connect playback state to Framer interactions.
Performance optimized: Smooth playback and transitions.
Made with ❤️ by Soyeb
© 2026 Soyeb. All rights reserved.
Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com
