Embedding a YouTube Playlist on Hubspot CMS in 3 easy steps.

Recently, we were looking for an easy way to embed a YouTube playlist into a HubSpot page. Turns out it's pretty easy, if you have an understanding of how YouTube's player parameters work.

Step 1: Find the playlist URL

This one is pretty easy -- you'll want to find the direct link to the playlist in question. This is quickly achieved by navigating to the channel that holds the playlist, and then clicking on the "view full playlist" link for the playlist.

embed youtube playlist in hubspot cms

The resulting URL should look something like this:

https://www.youtube.com/playlist?list=PLlw9qxNtFom2OBqMMJiWZOS3rhy4IPhro

The most important part is that it has a "list" query parameter. In the above URL, that's this part: list=PLlw9qxNtFom2OBqMMJiWZOS3rhy4IPhro

Step 2: Translate the playlist URL into an embed URL.

Youtube has a pretty simple embedding scheme, so it's pretty easy to take a YouTube link like the above, and change it to the "embed" path. We'll just take the above query string (everything after the "?", and add it to the embed path, like so:

https://www.youtube.com/embed/?list=PLlw9qxNtFom2OBqMMJiWZOS3rhy4IPhro

You'll notice that if you visit that link, you'll be presented with a full screen version of the YouTube player, with some extra elements on the upper right corner that reference the playlist.

Step 3: Add the playlist URL to a Hubspot page

The last step is to add the playlist URL to a Hubspot page of your choice with the Insert > Embed menu. To do this, make sure the page or blog post is in edit mode, click on the "Insert" dropdown menu, paste in the URL you created from the previous step, and click the "Insert" button. This should insert an embed object into your page.

embed youtube playlist in hubspot cms

I've done exactly that process and the result is what shows up below: 

After clicking the insert button, you can use the edit menu to change the size of the embedded iframe, as well as edit other style properties.

Final notes

YouTube's embedded player is pretty versatile -- it has a long list of options a parameters that allow you to control how the player displays, and what kinds of options the user has with the player. Unfortunately it's not easy for non-developers to leverage these extra levels of control.

You can read the full list here: https://developers.google.com/youtube/player_parameters