Get Latest Video in YouTube Playlist

I’m adding videos to my YouTube channel daily. I have two separate Playlists: Daily Word and Courses. On two separate web pages I’m manually embedding the newest video URL from the “Daily Word” playlist. As you can imagine, I would like to automate this work process.

I would like to always show the latest video from a playlist. So, only show one video on the pages, but always the most recent of the Daily Word playlist. When we upload a new Daily Word video on YouTube, that latest video has to be shown on these two web pages (see below).

Example code:

function requestLastVideo(playlistId, callback, pageToken) {
  var requestOptions = {
    playlistId: playlistId,
    part: 'snippet',
    maxResults: 50
  };
  if (pageToken) {
    requestOptions.pageToken = pageToken;
  }
  var request = gapi.client.youtube.playlistItems.list(requestOptions);
  request.execute(function(response) {
    var nextPageToken = response.result.nextPageToken;
    if (nextPageToken) {
      // we didn't reach the last page yet, fetch next one
      requestLastVideo(playlistId, callback, nextPageToken);
      return;
    }

And you’d call this like so:

var playlistItems = response.result.items;
    if (playlistItems) {
      var lastPlaylistItem = playlistItems[playlistItems.length - 1];
      callback(lastPlaylistItem.snippet);
    } else {
      alert('There are no videos');
    }
  });
}

You can play around with requestOptions.part to reduce the footprint of your call. With this parameter you can control which fields are present in the response. You can find more information detailling possible values in the YouTube API docs for this call.

Two questions:

1. Based on what I’m trying to achieve, will this work? Do you have any recommended changes?

2. Naïve question, what HTML would I use on our page to render the video link?

I hope I explained this properly. Let me know if you need any additional information. Thanks in advance for any guidance you can offer!!!