kapoor-codes/Netflix-HeroSection-Video-Player

Netflix Hero section video player built with React, Vite.js, video.js, and TypeScript. Optimized for performance with useCallback and useMemo hooks.

🔺 Netflix HeroSection Video Player 👾

A Netflix-style hero section video player built using React, video.js, and optimized with useCallback and useMemo. The player also includes an auto-pause feature on scroll down to improve performance.

Table of Contents

• Features
• Technologies Used
• Installation

Features

• Netflix-style hero section video player
• Built with React and video.js
• Optimized with useCallback and useMemo hooks
• Auto-pause feature on scroll down for improved performance

Technologies Used

The following technologies were used in the development of this project:

• React
• Vite.js
• video.js
• TypeScript

Installation

To get started with the Netflix Hero Section Video Player, follow these steps:

1. Clone the repository:

   git clone https://github.com/v4xsh/netflix-hero-video-player.git

2. Navigate to the project directory:

   cd netflix-hero-video-player

3. Install dependencies:

   npm i

4. Start the development server:

   npm run dev

5. Open your browser: Once the development server has started successfully, open your web browser and navigate to http://localhost:5173 to view the hero section video player.

Now, you should be able to see the hero section video player running in your browser, ready for interaction and testing.