How do I embed a YouTube video in a content page?
In this tutorial you will learn how to embed a YouTube video in a Canvas content page in several ways.
- Using the Rich Content Editor's YouTube button
- Using the Rich Content Editor's inline preview function
- Using YouTube's embedded video link
Method #1 : Using the Rich Content Editor's YouTube button
This method will not work if your YouTube video is shared as 'Unlisted'! For unlisted videos see Method #3, the 'Using YouTube's embedded video link' section.
Find your content page
Open the Canvas page where you would like to add your link and click 'Edit' in the top right corner.
Open the YouTube finder
Click on the 'YouTube' button in the toolbar.
Locate your video
Use the search bar to find the video you would like to embed.
Use the 'Embed' button
Click on 'Embed' to embed a medium video or use the dropdown arrow to choose a video size.
Method #2 : Using the Rich Content Editor's inline preview function
FInd your content page
Open the Canvas page where you would like to add your link and click 'Edit' in the top right corner.
Paste your link
Paste the link into the text area.
- For Windows users: right-click in the text area and select paste or use keyboard shortcut <ctrl>+v
- For Mac users: right-click (<ctrl>-click) the text area and select paste or use keyboard shortcut <cmd>+v
Edit hyperlink options
Then highlight the link text and click on the chain symbol to edit the hyperlink options.
Paste the link again into the textbox then click 'Insert Link'.
From inside the editor the link should look like this:
Click 'Save' to update the content page. From the page view, the embedded video should look like this:
Method #3 : Using YouTube's embedded video link
Locate your YouTube video and click the Share button
Whether you're using your own video or someone else's, navigate to that video on YouTube and locate the 'Share' button.
Get the embedded video code
In the share menu, click on the "Embed' button on the bottom.
Edit the embedding options
From this menu you can choose a start time, decide whether to show suggested videos, decide whether to show player controls and video title, and decide whether to enable privacy-enhanced mode.
When you are satisfied with your options, copy the HTML code by clicking 'Copy' in the bottom right.
Navigate to your Canvas course and the desired content page
From within the content page, click on the 'Edit' button in the top right.
Swith from the Rich Content Editor to the HTML Editor
In the top right corner, click the 'HTML Editor' button to switch modes.
This button is a toggle and you can click on 'Rich Content Editor' to swith modes again.
Paste the YouTube embed code
These instructions assume you are editing a blank content page. If not, you will need to look through the HTML code to find where you want to embed the video.
In the text area, paste the the YouTube embed code you copied earlier.
- For Windows users: right-click in the text area and select paste or use keyboard shortcut <ctrl>+v
- For Mac users: right-click (<ctrl>-click) the text area and select paste or use keyboard shortcut <cmd>+v
Edit the width and height
If you'd like, you can edit the width and height fields in the HTML code to change the size of the video in the content page.
Save your changes
Click the 'Save' button on the bottom right to update the content page with your changes
