Academic Technology GuidesInstructor Guides Canvas Beyond BasicsHow do I embed a YouTube video in a content page?

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 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

 

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:

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.

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