Обновить объект по клику ⇐ Jquery

[Anonymous]

Я пытаюсь добавить плейлист YouTube на свой веб-сайт, используя руководство/код. Я не знаю, что делать, если результатов больше 50. Я проверил документацию API YouTube/Google и получил nextPageToken, но не знаю, что с ним делать. Как добавить объекты pageToken/nextPageToken/prevPageToken (?) в переменную options, чтобы список воспроизведения обновлялся при нажатии кнопки? Я хочу добавить нумерацию страниц к результатам без перезагрузки страницы.
Вот код из руководства. Он работает как есть, но я не могу просмотреть более 50 видео (в плейлисте, который я использую, их около 120). Когда я добавляю pageToken: nextPageToken к параметрам, он говорит, что nextPageToken не определен. Как определить его и previousPageToken и использовать их для обновления объекта pageToken и изменения результатов на странице?
$(document).ready(function () {

var key = [YOUR API KEY HERE];
var playlistId = 'PL2fnLUTsNyq7A335zB_RpOzu7hEUcSJbB';
var URL = 'https://www.googleapis.com/youtube/v3/playlistItems';

var options = {
part: 'snippet',
key: key,
maxResults: 50,
playlistId: playlistId
}

loadVids();

function loadVids() {
$.getJSON(URL, options, function (data) {
var id = data.items[0].snippet.resourceId.videoId;
mainVid(id);
resultsLoop(data);
});
}

function mainVid(id) {
$('#video').html(`

https://www.youtube.com/embed/${id}

`);
}

function resultsLoop(data) {

$.each(data.items, function (i, item) {

var thumb = item.snippet.thumbnails.medium.url;
var title = item.snippet.title;
var desc = item.snippet.description.substring(0, 100);
var vid = item.snippet.resourceId.videoId;

$('main').append(`

${title}

${desc}


`);
});
}

// CLICK EVENT
$('main').on('click', 'article', function () {
var id = $(this).attr('data-key');
mainVid(id);
});

});


Подробнее здесь: https://stackoverflow.com/questions/792 ... t-on-click