Youtube API - How to make youtube Clone | Fully working youtube clone with HTML, CSS, JS

Get My all sources code -
Buy Me a coffee -

Youtube is a very popular video serving platform. Learn to create youtube Home page clone with HTML, css and JS . Learn about youtube API to fetch youtube data and learn to process the fetched data.

If you like this tutorial make sure to hit like button and show your support by subscribing my channel.

Correction
35:25 - Here pass the variable after the arrow not before.

👇Subscribe My Channel👇

👇 Source Code 👇

👇 Follow me on Instagram 👇

Time Stamps
00:00 - Intro
00:16 - Demo
01:26 - Navbar
10:52 - Sidebar
15:45 - Filters
20:09 - Video Card
25:33 - Creating Youtube API key
27:53 - Fetching Data from Youtube API & Creating Video Cards
36:39 - Making Search Box Functional

❤❤ Have a nice day ❤❤

#youtubeclone #youtubeApi #webdev #1

[ModernWeb]

Correct this part.

35:25 - Here pass the variable after the arrow not before.
like this - "<p

I hope you liked the tutorial. If you have any doubt ask me in comment.

[saikumarchittaluri]

tq very much sir, i have gone through so many videos but you did the best. keep going

[tomli]

Hi Modern Web,
great work, I love it. As beginner really good way to learn by doing it. One question: does the code run on server or only local. I did a test, but not woking. Thx

[alfasierra]

Make ur subscribers visible that would be great becoz tht way audience will feel confident abut ur channel

[jbezzaplays]

you realize we can all use this to bypass their adverts!

[hayfordlawson]

From which website did you get the icons ?

[Shahidnalwar]

It is only fetching 50 videos max from api

[abdulnafay]

Hi Moden Web,
I want to implement this function. If you click on video it should not go to youtube page but it should go to the page i made.

[UniverseGames]

Great video man....hats off..btw..
Which auto syntax or description showing extension are you using while you are writing code. It's showing code Syntax suggestions and description sometimes very fastly. Any suggestions of thay extension to use

[quent]

It does not make calls with the youtube api like with axios for example

[Rs_Edumedia.]

Sir in console its showing me an error in js code failed to load the resources please
help me sir

[ritikachoudhary]

channelThumbnail is not visible when passes as src but api fetch the channelThumbnail properly (I checked by printed it on console it gives the url as a string), what should I do?

[nalihbelete]

what does it mean by 'fetch data from google'? i am confused what to do next after this part

[vidhi_bhatt]

I tried cloning the app all by my self. I just don't have these actual video thumbnails like you have. My search box wasn't functional too. Then I saw this video and tried adding the feature of functional search bar but it's just not working. I did exactly as you did. Am attaching the html and js code in replies. Please help me figure this out

[jyotsnaasole]

Bcoz I want make this project for my college project

[SuccessJourneyStarts]

8:43 can u send link for those 3 icons, i cant find them

[abdulnafay]

Hi Modern Web,
I am making a college project. I have done all the things I'm getting all the data title, thumbnail, e.t.c. Now I wanted to do is when I click on video it should go to the my Nextpage and play the video can you help me ? Btw I'm making it in HTML, CSS, JS. Thanks in advance.

[billaltb]

Hi modern web can you help me
I used your source code but it can't work what should I do

[freelanceprofessional]

I have follow your source codes but I have errors in javascript please help me ?

[hmehta]

Bro i wrote same code but in webpage thumbnail showing one not as per maxresults