Embedding content in Canvas can be an easy way to make pages more interactive for students. Though this article references Canvas pages, the steps shown in this tutorial can be used for quizzes, discussions, assignments, and pages. Videos, presentations, and other interactive content can appear on a page without even leaving the site. This tutorial will show you how to embed content from Youtube, TED, Prezi, and Google Drive. You can follow the same procedures outlined here with content in other websites as well that offer embedding code.
Don’t forget to publish your content so students can see it. You can check your content in student view.
Step 1: Open the Google document, sheet, or slideshow you would like to embed. Click file, and then Publish to the web.
Step 2: Click the embed tab. Change options for slide size and auto-advance time if necessary, and then click Publish. Copy the code in the box.
Step 3: Open the Canvas assignment you want to embed your content in. In the top right corner of the editor box, click HTML Editor.
Step 4: Paste your code in the box after the existing content. Save the document and publish if desired.
Step 5: Your Google Drive content should be embedded in your assignment.
Step 1: Find the YouTube video you would like to embed into your Canvas page. Highlight and copy the video title.
Step 2: Create a new Canvas page you would like to embed your YouTube video in. Click the YouTube icon above the editor window.
Step 3: Paste your copied video title in the search bar in the top right. Alternatively, you can type in your YouTube video title here manually. Once you have located your video, click Embed.
Step 4: Save your page and publish it if desired. Your video should now be embedded in your Canvas page.
Alternative Method #1:
Step 1: In YouTube, find the video you want to embed and click on the share button.
Step 2: In the share box, click on “embed.”
Step 3: If you would like students to start the video at a certain mark, check “Start at” and enter a timestamp. After this, click “copy” at the bottom corner of the window.
Step 4: In Canvas, create a new page. Enter any text you would like above the video, and then click “HTML Editor” in the top right corner of the editor box.
Step 5: In the HTML Editor box, paste the code after the existing text if you would like the video after your text or before if you would like the video before your text. Change the number in width= “” to 100%. This ensures that students on mobile devices can watch the video properly.
Step 6: Save your page and publish if needed. Your video should now be successfully embedded.
Alternative Method #2:
YouTube video links may also be pasted directly into the Rich Content Editor on Canvas for automatic embedding. These embedded videos appear in smaller windows compared to the first method, but are useful for saving time.
Step 1: Go to the video you want to embed and click on the share button below the video.
Step 2: Set a start time in “Start at” and check the box if desired, then click copy.
Step 3: In your Canvas page, go to the Rich Content Editor. Paste the video where you would like to embed it and hit return. The link should now change into a box with a YouTube logo.
Step 4: Save your page and publish it. Your YouTube video is now embedded in your assignment.
Step 1: Locate the video in your Google Drive that you want to embed. Right-click the video and click Share.
Step 2: In the new box, click Advanced in the bottom right corner.
Step 3: Next to the row labelled private, click change.
Step 4: Select “Anyone with the link” and then click save.
Step 5: Exit the sharing screen and double click on your video in Google Drive. Click on the three dots in the top right corner, and click “Open in new window” in the drop down menu.
Step 6: In the new window, click the three dots in the top right corner. Click “Embed item…” on the drop down menu.
Step 7: Highlight all of the code in the box by dragging your mouse over the text or triple-clicking it. Copy the text.
Step 8: Open the Canvas assignment that you would like to embed with your video. Click HTML Editor in the top right corner of the editor box.
Step 9: Paste the code after the existing text. Save your assignment and publish it if desired.
Step 10: Your video should now be embedded in your assignment.
Step 1: Find the video you want to embed on TED’s website. Click the share button on the top right corner of the video.
Step 2: Under the Embed heading, you may choose to add subtitles. Click on the second box down to highlight the code, then right click and select copy to copy the code.
Step 3: Open the Canvas assignment you would like to embed your video in. On the top right corner, click HTML Editor.
Step 4: After the existing text, right click and select paste to paste your embed code into Canvas. Save and publish your assignment if desired.
Step 5: Your TED talk video should now be embedded into your assignment.
Step 1: Find a Prezi presentation online that you would like to embed into Canvas. Below the presentation, click on Embed.
Step 2: Change height and width settings if desired. If you want to limit the presentation to view slides only, click the bottom bullet. Click “Copy code to clipboard.”