asked on

Get YouTube videos

How do I modify the code to retrieve YouTube videos on a specific channel?

var apiKey = "AIzaSyCIlwa-7d7qpKS0Nj5vhI7tb-0minC-qZ8";
var maxNumberOfVideos = 10;


var YouTube = {
    LoadVideos: function (channelName, apiKey, maxNumberOfVideos) {
        $(document).ready(function () {
            $.get("https://www.googleapis.com/youtube/v3/channels", {
                part: "contentDetails",
                forUsername: channelName,
                key: apiKey
                },
                function (data) {
                    $.each(data.items, function (i, item) {
                        pid = item.contentDetails.relatedPlaylists.uploads;
                        YouTube.getVideos(pid, apiKey, maxNumberOfVideos);
                    })
                }
        );
        });
    },

    getVideos: function (pid, apiKey, maxNumberOfVideos) {
        $.get("https://www.googleapis.com/youtube/v3/playlistItems", {
            part: "snippet",
            maxResults: maxNumberOfVideos,
            playlistId: pid,
            key: apiKey},
            function (data) {
                $.each(data.items, function (i, item) {
                    $("<img/>").attr({src:item.snippet.thumbnails.default.url}).appendTo("body");
                })
            }
        );
    },

    PlayVideo: function (url, width, height) {
        $('#ytplayer').attr('src', url);
        $('#ytplayer').attr('width', width);
        $('#ytplayer').attr('height', height);
    }
}

YouTube.LoadVideos("OneDirectionVEVO", "AIzaSyCIlwa-7d7qpKS0Nj5vhI7tb-0minC-qZ8", 10);

Open in new window