Embedding in Canvas

Don't be misled, you can embed...

almost anything into Canvas!

What is Embedding?

Where do I get the embed code?

How do I put the embed code in Canvas?

What is the breakdown of the embed code?

Source: How To Canvas

Coming soon

Embedding is when you take content from another place and put it somewhere new. Gardeners embed plants into their gardens from nurseries. Scrapbookers embed designs, die cuts, embosses elements, stickers, and crafts into their creations. And teachers can embed content from the internet into their Canvas courses.

Almost all web-based educational technology platforms allow and encourage embedding, because they know that classes are taught within LMS environments and they want their products to find a home among the only course content. They will usually provide embed code fairly intuitively on a link that says either Share or Embed. The universal symbol for embed code is: </> When you locate the embed code, all you have to do is copy it and return to your Canvas course to insert it.

On the Rich Content Editor (RCE), there is an icon dedicated to adding embed code onto your Canvas page. When you click on that RCE icon then you can paste in your copied embed code.

Most of the time, embed code will present itself as an <iframe> element. Iframes tell a browser (or Canvas) that you intend on placing external content onto the page. In the iframe, you should always define the dimensions. The width and height are most often expresses as pixels, but you can also use percent % for the width if you’d like. Often the most common ratio you will use for embedded content is 16:9, because that is the ratio of a computer or mobile device screen. YouTube videos embed by default at 560 pixels wide by 315 pixels tall. You can change the width and height of the video in the iframe, but you want to ensure the 16:9 ratio so you don’t have black bars on the sides or top and bottom.