Embedding Video in Canvas Pages

Filed in Miscellaneous by on February 4, 2020 0 Comments

If you want to embed your course videos into a Canvas page, you have three options. WPI currently uses Echo360, Studio and Ensemble 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 and then Ensemble.

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:


Now, the final option – but not the least of them – is using Ensemble.  I have to say I was really excited by all the options offered by the Ensemble embedding tool. So let’s delve in!

Let’s say you have your videos up on the media server, which we also call Ensemble. In this case, you’d want to embed your video using the Ensemble option.




Click Ensemble Video. This brings up your library of videos. Choose the one you want to embed.




From here, Ensemble asks: do you want to include this video in the page as an embedded player? Or just a link? If you choose embedded player, you get a list of options like whether to allow downloads. If you choose link, the thumbnail links to the media server, from which it plays. What’s the benefit? You get to see which of your students has watched the video. 🙂



If you choose video player, you get to choose size plus many other options.


The result in the page, for either choosing to post as a link or as the embedded player, looks like the below. Note the red arrow pointing to the download button when you chose to embed the video with a player in the page.



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




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


About the Author ()

Sophie Jagannathan is an Instructional Technology Specialist at Worcester Polytechnic Institute.

Leave a Reply

Your email address will not be published. Required fields are marked *