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>