Youtube Clone

Introduction

This project is a YouTube clone implemented using HTML, CSS, and JavaScript. The goal of this project is to recreate the basic functionality and design of the popular video-sharing platform YouTube. This clone will allow users to view videos, search for videos, play videos, and interact with the user interface.

Features

• Browse and watch videos

• Play videos in a video player

• Display video information (title, description, uploader, views, likes, etc.)

• Responsive design for various devices

Website Link: https://atinder11.github.io/Youtube-Clone/

Demo Video:

Youtube-clone.mp4

ScreenShot:

1.Landing Page:

2.Hiding the sidebar

3.Playing Video

4.Comment Section

Technologies Used

• HTML: For creating the structure of the web pages.
• CSS: For styling the web pages and making them visually appealing.
• JavaScript: For adding interactivity and functionality to the website.

Usage

1. Open the index.html file in your web browser.
2. The homepage will display a list of videos from the YouTube Data API.
3. You can click on any video to watch it. The video will be played in a video player.
4. Use the search bar to search for specific videos. The search results will be displayed below the search bar.

Configuration

You may need to obtain a YouTube Data API key to fetch real video data. Follow these steps:

1. Go to the Google Developer Console: https://console.developers.google.com/.
2. Create a new project (if you haven't already) and enable the YouTube Data API.
3. Generate an API key for the project.
4. Replace the YOUR_API_KEY placeholder in the JavaScript file with your actual API key.

Contributing

Contributions to this project are welcome! If you find any bugs or want to add new features, please create a pull request. For major changes, please open an issue first to discuss the changes.