Turqueso
4/15/2016 - 4:17 PM

youtube API. Iframe with las video uploaded to channel

youtube API. Iframe with las video uploaded to channel

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Test</title>
</head>
<body>

  <div id="output"></div>


  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script>
  $(document).ready(function() {

     var ytApi = 'https://www.googleapis.com/youtube/v3/search?part=snippet&channelId=UCgaxso43coWM6B1zdfRMVVA&maxResults=10&order=date&type=video&key={YOU API}';

     //https://www.googleapis.com/youtube/v3/channels?id=UCgaxso43coWM6B1zdfRMVVA&key={YOUR API}&part=snippet,contentDetails,statistics,status  Get some info
     // https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&playlistId={PLAYLIST ID}&key={YOUR API}  Playlist
     // https://www.googleapis.com/youtube/v3/search?part=snippet&channelId={channel id}&maxResults=10&order=date&type=video&key={YOUR API}   Last 10 videos from channel
     // https://www.googleapis.com/youtube/v3/videos?part=snippet&id={VIDEO ID}&key={YOUR API} Video details

     $.ajax({
         url: ytApi,
         dataType: "jsonp",
         success: function(data){
            $("#output").html('<iframe width="560" height="315" src="https://www.youtube.com/embed/' + data.items[0].id.videoId + '" frameborder="0" allowfullscreen></iframe>'); // Iframe with last video uploaded to channel
         },
         error: function(jqXHR, textStatus, errorThrown) {
            console.log(textStatus, + ' | ' + errorThrown);
         }
     });


  });
  </script>
</body>
</html>