Vidify

Overview

The Vidify video player is a customizable and feature-rich tool that provides a consistent User Interface (UI) and User Experience (UX) across different browsers. It supports essential features expected from a modern video player and offers a highly customizable layout. Vidify also includes tools for users to add annotations, supports passing an array of video sources, and is mobile-friendly with Flexbox CSS and SVG icons.

Features

• Video Player Component: Ensures consistent UI/UX on different browsers.
• Super Customizable Layout: Customize control bar, progress bar, and more.
• Annotations: Tools for users to add annotations.
• Array of Video Sources: Supports passing multiple video sources.
• Mobile Friendly: Built with Flexbox CSS and SVG icons.
• Customizable Primary Color: Options for users to customize the primary color.
• Accessibility Supported: Supports keyboard events and accessibility features.
• Written in TypeScript: Provides type safety and efficiency.

Installation

To install Vidify, you can use npm:

npm install vidify

or with yarn:

yarn add vidify

Summary

Vidify is a versatile video player component that offers a range of features such as customizable layout, annotation tools, support for multiple video sources, and mobile-friendly design. With accessibility features, customization options, and the use of TypeScript for type safety, Vidify is a modern solution for integrating video playback into applications.