{"id":22543,"date":"2016-06-07T03:01:44","date_gmt":"2016-06-06T17:01:44","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=22543"},"modified":"2016-06-06T20:41:57","modified_gmt":"2016-06-06T10:41:57","slug":"youtube-api-video-playlist-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/youtube-api-video-playlist-tutorial\/","title":{"rendered":"YouTube API Video Playlist Tutorial"},"content":{"rendered":"
\"YouTube<\/a>

YouTube API Video Playlist Tutorial<\/p><\/div>\n

Playlists<\/a> are the topic we hone in on today with the continuation of our YouTube<\/a> API for Iframe embedded videos<\/a> “knowledge quest” today, building on yesterday’s YouTube API Start and Stop Resizing Tutorial<\/a> as shown below.<\/p>\n

Perhaps your first exposure to a “playlist” was with the iTunes<\/a> playlists, as receptacles for your favourite music in the form of a song list? But “playlist” has morphed into so much more than with those early “heady” days of the iPod<\/a> we talked about with the Kinesthetic iPod Learning Primer Tutorial<\/a>, and we think of it today in terms of YouTube playlists of videos. Think playlist, think<\/a> media.<\/p>\n

The fact is, to us, looking at YouTube, there are two main sources for the concept of “receptacle” or “container” or “collection” of videos, that being …<\/p>\n

    \n
  1. a playlist<\/a> … which can be created by anyone, as used by me to create the Nala and Luna<\/a> “playlist”<\/li>\n
  2. a channel<\/a> … which is a concept you use to upload content to YouTube, and you register with YouTube to create … here is an RJM Programming one (channel)<\/a><\/li>\n<\/ol>\n

    As you might expect from the explanation above, you need to sign up for a Google YouTube API Developer Key<\/a> to glean information about a YouTube “channel” of interest, but “playlists” are that little bit more public, and you can point at a YouTube “playlist” of interest via a URL like …<\/p>\n


    \n<a target=_blank title='Google Developers playlist' href='https:\/\/www.youtube.com\/watch?v=URuOw1Pi58Y&list=LLtVd0c0tGXuTSbU5d8cSBUg'>    https:\/\/www.youtube.com\/watch?v=URuOw1Pi58Y&list=LLtVd0c0tGXuTSbU5d8cSBUg<\/a><\/a>
    \n<\/code><\/p>\n

    … and so, with that in mind, we don’t try to reinvent wheels here with our new functionality of “playlist” inclusion today, but simply access one of those URLs like above via an API call like …<\/p>\n


    \nvar yturlis=player.    getVideoUrl<\/a>();
    \n<\/code><\/p>\n

    … and let the brilliance of the YouTube API add all this great “linked (video) list” functionality (you can see working in today’s tutorial picture<\/a>) to our (still only) HTML and Javascript web application you could call stop_start_youtube.html<\/a>, changed from yesterday in this way<\/a> with its live run<\/a> link for you to try this “playlist” functionality out for yourself.<\/p>\n

    \n

    Previous relevant YouTube API Start and Stop Resizing Tutorial<\/a> is shown below.<\/p>\n

    \"YouTube<\/a>

    YouTube API Video Resizing Tutorial<\/p><\/div>\n

    We continue with our YouTube<\/a> API for Iframe embedded videos<\/a> today building on yesterday’s YouTube API Start and Stop Synchronizing Tutorial<\/a> as shown below.<\/p>\n

    The matters we’d like to direct your attention to today are …<\/p>\n