How to Embed a YouTube Video Playlist to a SharePoint Page

Follow this tutorial to learn how to embed a video playlist from YouTube using ShortPoint's free Code Editor Web Part. Check out the quick walkthrough if you're already familiar with the Code Web Part or go to the step-by-step tutorial for detailed instructions.

TABLE OF CONTENTS

• Prerequisite
• Quick Walkthrough
• Step-by-step Tutorial
  • Step 1: Copy the Playlist ID
  • Step 2: Copy the Code
  • Step 3: Add the ShortPoint Code Web Part
  • Step 4: Edit the ShortPoint Code Web Part
  • Step 5: Delete Default codes
  • Step 6: Paste the Code
  • Step 7: Republish Page

Prerequisite

• You must already have the ShortPoint Code Web Part installed on your SharePoint page. To learn how to do this, check out How to Install ShortPoint Code Editor in SharePoint.
• You must already have a YouTube playlist ready to embed.

Quick Walkthrough

1. Go to the YouTube playlist you want to use and copy the PlaylistID in the URL.

2. Copy the code below and replace PlaylistID with the PlaylistID you copied in step 1:

<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PlaylistID" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

3. Go to your SharePoint page and add the ShortPoint Code Web Part.

4. Click the Edit Properties icon of the ShortPoint Code to edit it.

5. Delete all default codes.

6. Paste the copied code in the HTML field, customize it to your needs, and click Save.

7. Click the close icon to leave the ShortPoint Code Editor.

8. Republish the page.

Step-by-step Tutorial

Follow the detailed guide below to learn how to embed your YouTube playlist to your SharePoint page:

Step 1: Copy the Playlist ID

• Go to the YouTube playlist you want to embed:

• In the address bar, copy everything that comes after &list=. This random series of letters and numbers is your Playlist ID:

NOTETake note of the PlaylistID you copied. You will need it for Step 2.

Step 2: Copy the Code

• Copy the embed code below and replace PlaylistID with the Playlist ID you copied in Step 1:

<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PlaylistID" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

For example, using the Playlist ID we copied earlier, our code will look like the one below:

<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLZLZrhrb0iBm46peqasGpDsf-uc_67zVU" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

• Go to the SharePoint page where you want to add the YouTube Playlist and click Edit:

• Click the close icon to leave the Toolbox:

• Select the plus icon to add a web part:

• Use the search bar to look for ShortPoint Code, or scroll down until you see the Advanced section. Click ShortPoint Code:

Step 4: Edit the ShortPoint Code Web Part

• Click the Edit Properties icon:

Step 5: Delete Default codes

• Select each field, delete the default codes inside, and click Save:

Step 6: Paste the Code

• Click the Edit HTML field:

• Paste the code:

• Customize the code according to your needs and click Save:

Step 7: Republish Page

• Once satisfied, click the close icon to leave the ShortPoint Code window:

• Click Republish once you’re ready to make your changes live:

Congratulations! You have successfully embedded a YouTube playlist on your page. Check out the tutorials below if you want to see more ways you can make the most out of the ShortPoint Code web part:

• How to Add a Facebook Post to a SharePoint Page
• How to Add an Instagram Post to a SharePoint Page
• How to Add an X Post to a SharePoint Page
• How to Add a LinkedIn Post to a SharePoint Page
• How to Add a Viva Engage Feed to a SharePoint Page
• How to Add a Stock Widget to a SharePoint Page
• How to Embed a Vimeo Video Playlist to a SharePoint Page
• How to Add a Web Page Animation to a SharePoint Page
• How to Embed a Weather Widget to a SharePoint Page