component
Video Player X
By Soyeb
Details
- SoyebAuthor
- componentType
- $12.00Price
- 2026-05-05Published
- 2026-09-04Updated
- 2026-03-20Added
- PlayersCategories
Summary
Video Player X changes that.
Description
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 Video Player X controls 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
Introduction
Fully customizable video player UI
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #220