CODEWITHSUNDEEP
javascriptapiyoutube
Erin Knapp
Erin Knapp

Reputation: 5

Using YouTube API on HTML page with Javascript

I am new to web development and am trying to make a very simple search page that displays YouTube videos using the YouTube API. I've been following the examples from here: https://developers.google.com/youtube/v3/code_samples/javascript?hl=fr#search_by_keyword but I'm not having a lot of luck. I have no errors but no search results either.

My current code is here: http://amalthea5.github.io/thinkful-tube/

Upvotes: 0

Views: 568

Answers (2)

Erlend Graff
Erlend Graff

Reputation: 1518

There seems to be several problems. You need to use

<script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"></script>

instead of

<script src="https://apis.google.com/js/client.js?onload=onClientLoad" type="text/javascript"></script>

because you need to make sure the initialization function googleApiClientReady() in auth.js is called.

However, the Google API also reports that there exists no OAuth client with the ID trusty-sentinel-92304.

Edit:

If don't have an OAuth client ID, but rather an API key, you shouldn't use the auth API at all. Instead, you need to add the API key as parameter to each API call (as described here: https://developers.google.com/youtube/v3/docs/standard_parameters).

Try this as a start:

gapi.client.load('youtube', 'v3', function() {
  var request = gapi.client.youtube.search.list({
    key: "YOUR_API_KEY",
    q: "cats",
    part: 'snippet'
  });

  request.execute(function(response) {
    var str = JSON.stringify(response.result);
    console.log(str);
  });
});

Upvotes: 1

mim
mim

Reputation: 1417

To begin with if you read the very tutorial you are following again, it says that:

Again, you need to update the client ID in the auth.js file to run this code.

Which looks like you didnt,

also by running a search query from the console I get the following error:

TypeError: gapi.client.youtube is undefined

Meaning the api is not initiated, You should double check the way you embed the google javascript file and the priority of doing so (the order of them)

Upvotes: 0

Related Questions