How to use YouTube Data API & Fetch API to show videos on your website, with Vanilla JavaScript

My other videos:

Resources:

Thank you for watching my video please don't forget to LIKE and SUBSCRIBE.

00:00 Intro
00:35 Get API key
02:38 Restrict API key
03:52 Get HTTP url from YouTube docs
11:15 Get data with Fetch API23:28 Wrap-up

#javascript #youtubeapi #fetchapi #html #css #learnwebdevelopment #csstricks #js #vanillajs

[WebDesignerAmy]

This is by far the best video I have come across that explains how-to embed this API with pure JS and secure the API! Great video!!!

[MatthMoiCaSecondaire]

Simple and usefull. Looking for a tutorial, but none of what I'm looking for is on the web... until this one! Thanks

[giovannisabogalcespedes]

Hii My Friend, Thank You so much, you don't know how much did you help me to make my project. I send you a big arm.

[Manugigi]

Great work, you saved me with the project I was finishing, thank you very much

[itsOlaOlowo]

Thank you so much for this video. I was able to adapt this on a Framer project I am working on. It was super helpful <3

[bradgreenthenerd]

Jon... I have a question. I have my API working properly but I am trying to figure out how to style the string of data. I have tried creating an array and setting one by one. I have tried bootstrap and CSS but I am not sure how to get them to style in separate rows. I appreciate the help! Hope to hear from you soon...

[devpaulcastaneda]

I appreciate your tutorials here! Got a new sub!

[АндрейРуднев-лн]

Greatfull work, my friend, thank you very much!

[silviaaa]

Very helpful video with really good explanation, thank you so much!

[RealTalent-me]

Hi Sir, I'm creating an android app to import videos using youtube data api. In react native expo I'm using package name react-native-youtube-iframe. This package have inbuilt player which shows Youtube branding and Youtube video title, if we click on that, it redirects to youtube app. I don't mind having Youtube branding which has logo. But how to stop the redirection to youtube app / website?
Is there any code or do I need to use an alternate player. I request your kind assistance.
Thanks

[BigBoxWorld]

Hi, i have a question.So if i want to fetch some videos from youtube, i can do it from any chanel or only a chanel which belong to me?I ask you regarding the youtube policy..I try to build an web api for my final year project.So it has to be legal.

[rebarius]

In the hosted version the thumbnails aren't loading through the YoutubeDataAPIv3 :D...I've added my website, but thumbnails lead to a CORS Error...

[punitprajapati]

I loved This Video Man... Thanks A lot 😍

[malikdinaras]

Hey is that possible to fetch the private videos in YT studio in the same way

[JamesWelbes]

I've loaded my page a few times and it's showing that I've used 1900 queries already. I'm burning through my daily quota so fast I keep having to switch between accounts

[InfoPlusall]

sir, please make a video on how to fetch you tube's any channel's monetization checker API and display on website. Thanks and appreciate it.

[Hailishcatalon]

Could you make a detailed tutorial about the quota increase form submission correct steps !

Thank You !

[jinfiamma]

thanks so much, this is very detailed and exactly what i need

[adrianjr]

How do you maintain your monthly Quota without having problems?

[Azharuddin-khan]

Hey man, Your video was really helpful! I just wanted to ask if YouTube API is free or not? I couldn't find any pricing info