Load YouTube JSON API dynamically

Question

I want to dynamically make different YouTube JSON API requests and then use a function to sort the data I want.

Currently following the examples on the YouTube data JSON API site here.

Here is my current code which is getting me the id's nicely. My question is currently it's using a script tag and the callback URL query to use my function. Is there a different way that I can implement in JavaScript only and keep doing requests that call my getid function?

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
function getid(data) {
    var i=0;
    for(items in data.data){
        i++
         console.log(data.data.items[i].id)  
    }
}
</script><script type="text/javascript" src="https://gdata.youtube.com/feeds/api/videos?q=surfing&v=2&alt=jsonc&callback=getid"></script>
</body>
</html>

osahyoun · Accepted Answer · 2012-02-11 13:52:15Z

1

jsonp function below will dynamically create a script tag and append it to the body.

function jsonp(url,callback) {                    
  var script = document.createElement("script");        
  script.setAttribute("src",url);
  script.setAttribute("type","text/javascript");                
  document.body.appendChild(script);
}

function getid(data) {
  var i=0;

  for(items in data.data){
    i++
    console.log(data.data.items[i].id)  
  }
}

// pass a url and callback
var url = "https://gdata.youtube.com/feeds/api/videos?q=surfing&v=2&alt=jsonc&callback=getid";  
jsonp(url, getid)

answered Feb 11, 2012 at 13:52

osahyoun

5,2312 gold badges19 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Load YouTube JSON API dynamically

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related