vime
⚠️ Note: Vime will be deprecated soon. Read more
Vime is a customizable, extensible, accessible, and framework-agnostic media player. It provides a unified API for various media providers and is designed for modern web applications.
✨ Key Features
- Multi-provider support: Works with HTML5, HLS, YouTube, Vimeo, Dailymotion, and more.
- Unified API: Consistent interface across all providers.
- Cross-browser compatibility: Handles differences in media APIs like fullscreen and PiP.
- Accessibility: Supports ARIA roles, states, and keyboard navigation.
- Internationalization (i18n): Built-in support for multiple languages.
- Responsive design: Optimized for both mobile and desktop.
- Touch-friendly: Designed for touch input.
- Customizable UI: Style with CSS variables, includes light and dark themes.
- Performance: Preconnections and lazy loading for faster load times.
- Extensible: Build custom components or extend existing ones.
- Lightweight: ~25kB (gzip) standalone, ~47kB with default UI.
- TypeScript support: Fully typed components.
- Framework bindings: Supports React, Vue, Svelte, Stencil, and Angular.
� Frameworks
Vime supports multiple frameworks, including:
- React
- Vue
- Svelte
- Stencil
- Angular
It is built on web components, making it compatible with most modern frameworks.
🎥 Supported Providers
- HTML5
- HLS
- Dash
- YouTube
- Vimeo
- Dailymotion
🖥️ Browser Support
Works on modern browsers, including:
- Edge 79+
- Firefox 68+
- Chrome 61+
- Safari 11+
- iOS Safari 11+
- Opera 48+
📖 Documentation
Full documentation is available at https://vimejs.com .
🙋 Support
For help, join the Discord community <
youtubedailymotionvimeohtml5mediavimevideoplayeraudiohlsdashjavascriptembedweb-componentsstenciljsreactangularvuesvelte
Featured Stories
No featured articles here. Navigate to an article, then pick the Feature on menu button