Overview
This article explains how to add a YouTube feed or playlist that your school owns to your website using a component.
Prerequisites
You must have the following YouTube information:
- Api Key - You can create this through the Google Console (see https://developers.google.com/youtube/v3/getting-started)
- Your school's YouTube Username/User ID.
- Optionally, the YouTube Playlist ID for the playlist you want to embed into the page.
Instructions
- Select Components from the Edit tab:
- Select Social media:
- Select YouTube Feed:
- When selected, the YouTube Feed Block is displayed:
- Enter your Google Api Key.
- Select the Source Type (either your school's YouTube channel Username or User ID).
- Enter the Playlist ID for the playlist you want to embed in the webpage (rather than embedding all videos within your channel). If you do not know your Playlist ID:
- Open the playlist you want to embed, using your web browser.
- Look at the playlist's URL in the browser. It will look something like this:
https://www.youtube.com/watch?v=VIDEO_ID&list=YOUR_PLAYLIST_ID. The Playlist ID is the value after the = sign in the URL, in this exampleYOUR_PLAYLIST_ID). - Copy the Playlist ID part of the URL.
- Paste the Playlist ID into Playlist ID.
- Set the Limit to the number of videos you want to display. By default, this is set to 10.
- Optionally, select your Sort Order; by default, this is Date Descending.
- Select OK to add the content block to the content area.
Outcome
Your YouTube playlist will be embedded in the page. Save your page to preview.
Related information
- Google's guidance for generating an API Key https://developers.google.com/youtube/v3/getting-started
Updated