Получение всех видео канала с помощью API youtube

Я хочу получить все видео одного канала, у меня есть его идентификатор. Проблема в том, что я получаю только информацию канала. это ссылка, которую я использую:

https://gdata.youtube.com/feeds/api/users/UCdCiB_pNQpR0M_KkDG4Dz5A?v=2&alt=json&q=goal&orderby=published&max-results=10

2 ответов


эта ссылка предназначена для API v2, поэтому она не возвращает никаких данных. Вместо этого вы захотите использовать V3 API. Первое, что вам нужно сделать, это зарегистрироваться для ключа API - вы можете сделать это, создав проект по адресуconsole.developers.google.com, Установка API данных YouTube в положение "Вкл." и создание открытого ключа доступа.

поскольку у вас уже есть идентификатор пользовательского канала, вы можете сразу перейти к получению видео из него; обратите внимание, однако, что если вы когда-либо не знаю идентификатор канала, вы можете получить его таким образом:

https://www.googleapis.com/youtube/v3/channels?part=snippet&forUsername={username}&key={YOUR_API_KEY}

с идентификатором канала вы можете получить все видео с канала с конечной точкой поиска, например:

https://www.googleapis.com/youtube/v3/search?order=date&part=snippet&channelId={channel id here}&maxResults=25&key={YOUR_API_KEY}

в этом случае упорядочение по дате совпадает со старым параметром V2 для упорядочения по " published."

есть также много других параметров, которые можно использовать для извлечения видео при поиске канала; см. https://developers.google.com/youtube/v3/docs/search/list более подробный.


Я думал, что поделюсь своим конечным результатом с помощью JavaScript. Он использует Google YouTube API ключ и имя пользователя, чтобы получить идентификатор канала, а затем тянет видео и отображает в списке к данному тегу div.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>YouTube Channel Listing</title>
    <script type="text/javascript">
        function getJSONData(yourUrl) {
            var Httpreq = new XMLHttpRequest();
            try {
                Httpreq.open("GET", yourUrl, false);
                Httpreq.send(null);
            } catch (ex) {
                alert(ex.message);
            }
            return Httpreq.responseText;
        }
        function showVideoList(username, writediv, maxnumbervideos, apikey) {
            try {
                document.getElementById(writediv).innerHTML = "";
                var keyinfo = JSON.parse(getJSONData("https://www.googleapis.com/youtube/v3/channels?part=snippet&forUsername=" + username + "&key=" + apikey));
                var userid = keyinfo.items[0].id;
                var channeltitle = keyinfo.items[0].snippet.title;
                var channeldescription = keyinfo.items[0].snippet.description;
                var channelthumbnail = keyinfo.items[0].snippet.thumbnails.default.url; // default, medium or high
                //channel header
                document.getElementById(writediv).innerHTML += "<div style='width:100%;min-height:90px;'>"
                    + "<a href='https://www.youtube.com/user/" + username + "' target='_blank'>"
                    + "<img src='" + channelthumbnail + "' style='border:none;float:left;margin-right:10px;' alt='" + channeltitle + "' title='" + channeltitle + "' /></a>"
                    + "<div style='width:100%;text-align:center;'><h1><a href='https://www.youtube.com/user/" + username + "' target='_blank'>" + channeltitle + "</a></h1>" + channeldescription + "</div>"
                    + "</div>";
                var videoinfo = JSON.parse(getJSONData("https://www.googleapis.com/youtube/v3/search?order=date&part=snippet&channelId=" + userid + "&maxResults=" + maxnumbervideos + "&key=" + apikey));
                var videos = videoinfo.items;
                var videocount = videoinfo.pageInfo.totalResults;
                // video listing
                for (var i = 0; i < videos.length; i++) {
                    var videoid = videos[i].id.videoId;
                    var videotitle = videos[i].snippet.title;
                    var videodescription = videos[i].snippet.description;
                    var videodate = videos[i].snippet.publishedAt; // date time published
                    var videothumbnail = videos[i].snippet.thumbnails.default.url; // default, medium or high
                    document.getElementById(writediv).innerHTML += "<hr /><div style='width:100%;min-height:90px;'>"
                        + "<a href='https://www.youtube.com/watch?v=" + videoid + "' target='_blank'>"
                        + "<img src='" + videothumbnail + "' style='border:none;float:left;margin-right:10px;' alt='" + videotitle + "' title='" + videotitle + "' /></a>"
                        + "<h3><a href='https://www.youtube.com/watch?v=" + videoid + "' target='_blank'>" + videotitle + "</a></h3>" + videodescription + ""
                        + "</div>";
                }
            } catch (ex) {
                alert(ex.message);
            }
        }
    </script>
</head>
<body>
    <div id="videos"></div>
    <script type="text/javascript">
        showVideoList("USER_NAME", "videos", 25, "YOUR_API_KEY");
    </script>
</body>
</html>

ADDITION-я также написал функцию для обработки, если вы используете идентификатор канала вместо учетной записи на основе имени пользователя.

вот код:

        function showVideoListChannel(channelid, writediv, maxnumbervideos, apikey) {
        try {
            document.getElementById(writediv).innerHTML = "";
            var vid = getJSONData("https://www.googleapis.com/youtube/v3/search?order=date&part=snippet&channelId=" + channelid + "&maxResults=" + (maxnumbervideos + 1) + "&key=" + apikey);
            var videoinfo = JSON.parse(vid);
            var videos = videoinfo.items;
            var videocount = videoinfo.pageInfo.totalResults;
            var content = "<div style='height:600px;overflow-y:auto;'>";
            for (var i = 0; i < videos.length - 1; i++) {
                var videoid = videos[i].id.videoId;
                var videotitle = videos[i].snippet.title;
                var videodescription = videos[i].snippet.description;
                var videodate = videos[i].snippet.publishedAt; // date time published
                var newdate = new Date(Date.parse((videodate + " (ISO 8601)").replace(/ *\(.*\)/, "")));
                var min = newdate.getMinutes();
                if (min < 10) {
                    min = "0" + min;
                }
                if (newdate.getHours() > 12) {
                    newdate = newdate.getMonth() + 1 + "/" + newdate.getDate() + "/" + newdate.getFullYear() + " " + (newdate.getHours() - 12) + ":" + min + " PM";
                } else if (newdate.getHours() == 12) {
                    newdate = newdate.getMonth() + 1 + "/" + newdate.getDate() + "/" + newdate.getFullYear() + " " + newdate.getHours() + ":" + min + " PM";
                } else {
                    newdate = newdate.getMonth() + 1 + "/" + newdate.getDate() + "/" + newdate.getFullYear() + " " + newdate.getHours() + ":" + min + " AM";
                }
                var videothumbnail = videos[i].snippet.thumbnails.default.url; // default, medium or high
                content += "<hr /><div style='width:100%;min-height:90px;'>"
                    + "<a href='https://www.youtube.com/watch?v=" + videoid + "' target='_blank'>"
                    + "<img src='" + videothumbnail + "' style='border:none;float:left;margin-right:10px;' alt='" + videotitle + "' title='" + videotitle + "' /></a>"
                    + "<h3><a href='https://www.youtube.com/watch?v=" + videoid + "' target='_blank'>" + videotitle + "</a></h3>" + videodescription + "<br />"
                    + "<span style='color:#738AAD;font-size:Small;'>" + newdate + "</span>"
                    + "</div>";
            }
            content += "</div>";
            document.getElementById(writediv).innerHTML = content;
        } catch (ex) {
            alert(ex.message);
        }
    }