Embedding Video in Canvas Pages

If you want to embed your course videos into a Canvas page, you have three options. WPI currently uses Echo360 and Canvas Studio as video storage and creation solutions, and each offers different benefits.

This post shows how to use each of those tools to embed video in a Canvas page. We will start with Echo360, then cover Studio.

The first step is to create a new page in Canvas.

 

Once you’ve done that, you’ll notice a rich content editor with a bar of options up top. On the bottom row you’ll see icons representing things you can insert into a page.  The image below points to the icon for Echo360.

 

 

Before you click on this or any other button that allows you to insert things into your Canvas page, you might want to lay out your text first. I did this while testing for this blog post and I felt like it was the least confusing way to go.

 

Then I just moved the cursor in the space where I wanted to embed stuff.

So let’s start with adding an Echo360 button. After you click on the Echo360 logo in the rich editor bar, you’ll be presented with your Echo360 library. You can search for an select the video you want.

 

 

Then you get to choose among size options and even where you want the player to start (maybe you sneezed for the first 7 seconds. You can start playback post-sneezes).

 

 

The result looks like this:

But what if you’ve got a bunch of videos in Canvas Studio? Here’s how you embed a Canvas Studio video into a page.

First select the chevron from the rich media editor bar.

 

Then select Studio. This will bring up your collection of videos.

 

Select the one you want and choose embed.

 

 

Studio gives you the ability to enable a download option. This is handy for those students who may be separated from wifi for a while and need to download your video to watch in an airport or something.

The result of the Studio embed looks like this:

 

 

If you want to take a look at the Canvas page we used for testing, click the link below.

https://canvas.wpi.edu/courses/9197/pages/embed-buttons-test

If you have any questions about embedding your video in a Canvas page, please email atc-ttl@wpi.edu.