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

Поделиться
HTML-код
  • Опубликовано: 20 окт 2024

Комментарии • 38

  • @WebDesignerAmy
    @WebDesignerAmy 5 месяцев назад +2

    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
    @MatthMoiCaSecondaire 4 месяца назад

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

  • @giovannisabogalcespedes1648
    @giovannisabogalcespedes1648 8 месяцев назад

    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.

  • @silviaaa
    @silviaaa Год назад +2

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

    • @LearnWithJonVadar
      @LearnWithJonVadar  Год назад

      Thank you for your comment and I'm glad you enjoyed it. 😊

  • @АндрейРуднев-л5н
    @АндрейРуднев-л5н 7 месяцев назад

    Greatfull work, my friend, thank you very much!

  • @punitprajapati436
    @punitprajapati436 9 месяцев назад

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

  • @rebarius
    @rebarius 2 месяца назад

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

  • @mralc9848
    @mralc9848 7 месяцев назад

    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.

  • @jinfiamma9774
    @jinfiamma9774 Год назад

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

  • @RealTalent-m2e
    @RealTalent-m2e 8 месяцев назад

    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-. This package have inbuilt player which shows RUclips branding and RUclips video title, if we click on that, it redirects to youtube app. I don't mind having RUclips 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

  • @InfoPlus4all
    @InfoPlus4all 27 дней назад

    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
    @Hailishcatalon 10 месяцев назад

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

  • @Azharuddin-khan
    @Azharuddin-khan 7 месяцев назад +1

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

    • @LearnWithJonVadar
      @LearnWithJonVadar  7 месяцев назад +1

      Thanks. RUclips API is free to use but they have a daily limit for API calls. This article can be helpful: github.com/ThioJoe/YT-Spammer-Purge/wiki/Understanding-RUclips-API-Quota-Limits

  • @malikdinaras3197
    @malikdinaras3197 6 месяцев назад

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

  • @adrian1jr
    @adrian1jr 7 месяцев назад

    How do you maintain your monthly Quota without having problems?

  • @BeAlwaysMine
    @BeAlwaysMine Год назад

    Hi there, I have a suggestion that instead of watching videos through href, can you watch the video without using href? Like if you play the video, the video will play automatically on that current site. Like it plays on template.

    • @LearnWithJonVadar
      @LearnWithJonVadar  Год назад

      Yes, we can use iFrame (developers.google.com/youtube/_api_reference), but keep in mind that having too many videos/iFrames on the page can affect the performance of your site. Thanks for your comment 😊

    • @BeAlwaysMine
      @BeAlwaysMine Год назад

      @@LearnWithJonVadar Yes, I already know when it comes to iFrame thats why I watch your videos where I can get all videos on my YT Channel without using iFrame, but the only problem in your tutorial is your video is playing using href.. Is there a possibility to play the videos without "a" tag?

    • @LearnWithJonVadar
      @LearnWithJonVadar  Год назад

      @@BeAlwaysMine In this video I use HTML "a" tags which would take the user to the RUclips website and plays the video there, not directly on the host website. But if we want to play a video directly on our site, we need some sort of player to play the videos (i.e. iFrame). I'm not sure maybe there's a JS library that can take a RUclips url and play the video. I hope this answers your question. 🍻

    • @BeAlwaysMine
      @BeAlwaysMine Год назад

      ​@@LearnWithJonVadarokay, I get this message in my Console Log..
      Requests from referer \u003cempty\u003e are blocked."
      I follow the tutorial and the code as declared in your video, but what happen?

  • @nishabharti1971
    @nishabharti1971 7 месяцев назад

    Thankyou so much .

  • @bhaskargowda-3955
    @bhaskargowda-3955 11 месяцев назад

    thanks a tonn manhh:))

  • @pradhyudh
    @pradhyudh 11 месяцев назад

    Bro ,I got an error for GetFetchAPI data wrap 3; (13:28 in video)
    {
    error: {
    code: 403,
    message: 'Requests from referer are blocked.',
    errors: [ [Object] ],
    status: 'PERMISSION_DENIED',
    details: [ [Object] ]
    }
    }

    • @LearnWithJonVadar
      @LearnWithJonVadar  10 месяцев назад

      403 Error means the access is forbidden, this could be due to your RUclips API setup. Double check your API key and make sure there are no restrictions in your account. check 2:38 please. 😊

    • @pradhyudh
      @pradhyudh 10 месяцев назад

      @@LearnWithJonVadar bro ,can u share the CSS file of the video. I could not get it in the video or in the website.
      thank u for clarifying my previous doubt.

  • @mdhsaad
    @mdhsaad 9 месяцев назад

    how to get data from my youtube channel, I meant how to use access token to get statistics data

  • @tantawanworasuth8077
    @tantawanworasuth8077 6 месяцев назад

  • @pomiusu
    @pomiusu 5 месяцев назад

    tysm

  • @RMAIIG
    @RMAIIG 9 месяцев назад

    Is this code available anywhere?

    • @LearnWithJonVadar
      @LearnWithJonVadar  9 месяцев назад

      No sorry. Since this was just a how-to I didn’t make a source code for it. But I have a similar code in my full website video: 👉 ruclips.net/video/rSSS-SKBc_I/видео.html

  • @muhammadfaisalemir3172
    @muhammadfaisalemir3172 8 месяцев назад

    RUclips API 😂🇮🇩 (CODE)

  • @tantawanworasuth8077
    @tantawanworasuth8077 6 месяцев назад +2

    Thanks