YouTube API example

by thepirat000

HTML

<script src="https://apis.google.com/js/client.js"></script>
<div id="info"></div>
<div id="videos"></div>

CSS

#info{
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

JavaScript

//console.developers.google.com to get api key
gapi.client.setApiKey('AIzaSyDuSl1XIbFuAqbF0pIV9rAqMy3F8l_xcfw');
var restRequest = gapi.client.request({
  'path': 'youtube/v3/search',
  'params': {'q': 'tiny kittens', 'part': 'snippet'}
});
restRequest.execute(function(resp) { 
    console.log(resp); 
    //$('#info').text(JSON.stringify(resp.items[0].id.videoId));
    for (i in resp.items){
        $('#info').append(resp.items[i].id.videoId + '<br/>');
        // https://www.youtube.com/watch?v=VIDEOID_GOES_HERE
        
        $('#videos').append('<iframe width="420" height="315" src="//www.youtube.com/embed/'+ resp.items[i].id.videoId +'" frameborder="0" allowfullscreen></iframe>');    
    }    
});


//GET https://www.googleapis.com/youtube/v3/search?part=snippet&q=cats&key={YOUR_API_KEY}