Table of Contents

Embedding a YouTube Playlist into your Website

Benjamin Norton Updated by Benjamin Norton

Summary

  • First you will create a YouTube playlist
  • Then add videos to it and organize the videos
  • Then copy the URL for the Playlist
  • Send the URL to PitchHub, who sends back "embed code"
  • Put the "embed code" into your web site
  • Example of how an embedded YouTube playlist appears

Create YouTube Playlist

  1. In the upper-left corner of the screen, click your profile, then click YouTube Studio
  2. On the left-side menu, click Play Lists
  3. At the top of the screen click New Playlist
  4. Make sure the list is set to Public visibility

Add videos

In another tab, open your Channel videos:

  1. Click the upper-right profile then click Channel
  2. Click Videos then click the "..." menu for a video, then Save to Playlist
  3. Check the box for playlist that you want the video to be added to, then click "X"
    The video will be saved into the playlist when you click "X"

Edit the Playlist

  1. Once you have videos added to the playlist, you can order them and remove them
  2. To change the order, click on the "handle" on the left side of the video
  3. To remove the video or perform other actions, click the right-hand action menu for a video
  4. To set the thumbnail for the entire playlist choose Set as playlist thumbnail

Create "embed code"

  1. Copy the YouTube playlist URL, which is simply the URL that is shown in the browser address
    Example of a URL is:
    https://www.youtube.com/playlist?list=PL8YrVVvFJaqQk-31StcARGAaW59diuTNM
  2. Use our free YouTube Playlist Embed Code Calculator
    To create the embed code for a YouTube playlist, just insert your YouTube playlist URL below then press the Create & copy embed Code button.





  3. The "embed code" which will look something like this:

Put the "embed code" into your web site

The following two links show instructions for two WordPress variations. The embed code in the example is different but the instructions are the same.

  • For a general-use WordPress site: link
  • For a "Moxi" WordPress site: link

Example

Embed code

<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PL8YrVVvFJaqQk-31StcARGAaW59diuTNM&rel=0&loop=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Live embed

How did we do?

Application Programming Interface (API)

Contact