YouTube 数据 API 一次只显示 5 个结果？

Question

我在使用 YouTube 数据 API 时遇到了这个问题，我希望页面 return 在页面上显示大约 35-40+ 个结果。但是它每次搜索只显示 5 个结果，有什么帮助吗？

CodePen: codepen

jQuery:

var apikey = 'AIzaSyCKMpw2nmPnon_gkh4EIXnbiAmrZNw-v4M';

$(function() {
    var searchField = $('#query');

    $('#search-form').submit(function(e) {
        e.preventDefault();
    });
});

function search() {
    $('#results').html('');

    q = $('#query').val();

    $.get(
        "https://www.googleapis.com/youtube/v3/search", {
            part: 'snippet, id',
            q: q,
            type: 'video',
            key: apikey
        },
        function(data) {
            $.each(data.items, function(i, item) {
                var output = getResults(item);

                $('#results').append(output);
            });
        });
}

function getResults(item) {
    var videoID = item.id.videoId;
    var title = item.snippet.title;
    var description = item.snippet.description;
    var thumb = item.snippet.thumbnails.high.url;
    var channelTitle = item.snippet.channelTitle;

    var output = '<li>' +
        '<div class="list-left">' +
        '<img src="' + thumb + '">' +
        '</div>' +
        '<div class="list-right">' +
        '<h3><a href="http://youtube.com/embed/' + videoID + '?rel=0">' + title + '</a></h3>' +
        '<p class="cTitle">' + channelTitle + '</p>' +
        '</div>' +
        '</li>' +
        '<div class="clearfix"></div>' +
        '';

    return output;
}

一如既往，感谢您的帮助！

Answer 1

API 文档是骗人的，maxResults 实际上设置了每页的最大结果数。

更改您的 GET 请求以添加该参数：

$.get(
        "https://www.googleapis.com/youtube/v3/search", {
            part: 'snippet, id',
            q: q,
            type: 'video',
            key: apikey,
            maxResults: 50
        },

现在返回 50 个结果。

YouTube 数据 API 一次只显示 5 个结果？

YouTube Data API only displaying 5 results at a time?

html

css

youtube

jquery

youtube-api