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 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.
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
There are:
No fixed UI layouts
No locked styling
No limitations on customization
It’s not just a custom video player - it's a fully designable interactive media player inside Framer.
After purchase, you’ll get access to all the premade variations shown in the preview.
Each premade is included as a ready-to-use layout, so you can copy, remix, and adapt them directly inside your Framer project without rebuilding anything from scratch.
Buy Link - Link
Copy and paste Video Player X into your Framer project
Add your video using Source Type (URL or file upload)
Add a thumbnail image
Adjust styling and behavior from the right panel
Enable Ambient Glow for dynamic lighting
Turn on Pause Off-Screen for smart playback
Connect the Playing toggle to variants for interaction control
Publish - your player is ready.
The component is organized into 12 control groups:
Upload or link video (mp4, webm, mov supported)
Set a preview image before playback
Loop, mute, volume, start position, and smart pause/resume
Background, border, radius, and fit mode
Control visibility, size, blur, colors, and custom icons
Gradient styling, visibility behavior, and layout
Flexible positioning options
Custom colors, size, radius, and seek interaction
Slider styling and multiple icon states
Custom icon and behavior
Real-time color extraction from video
Smooth animation for controls and UI elements
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.
Auto-hide UI: Controls fade after inactivity.
Performance optimized: Smooth playback and transitions.
Hero sections: Autoplay background video player with glow and minimal UI.
Product demos: Styled players with branded controls.
Portfolios: Custom players matching your design system.
Landing pages: Smart pause on scroll video for better UX.
Courses & tutorials: Full control playback with seek and volume.
Showreels: Premium feel with ambient glow effects.
CMS content: Dynamic video player via CMS fields.
Made with ❤️ by Soyeb
© 2026 Soyeb. All rights reserved.
Refund Policy: Due to the digital nature of these components, all sales are final, and once delivered they cannot be returned or refunded. Please review product details and demos before purchasing, and feel free to reach out if anything is unclear.
Have questions or need a custom Framer component? Reach out at heysoyebali@gmail.com
Soyeb
