Embed content in canvas: Google Slides Youtube Wikipedia

Canvas, Content Creation, Examples of practice, Tips and Tricks, Video learning Leave a Comment

Embedding content into Canvas is fast and easy, and enables you to spend more time outside Canvas connecting with others online and networking your teaching practices.

You can collaborate with people outside of Canvas and RMIT, when accessing and learning how to use Canvas can be more trouble than its worth. Any updates your team makes to the content you’ve embedded will carry through to Canvas.

Embedding content is all over more flexible… there are many reasons why it can be a good way to work, please feel free to leave your comments and suggestions to this method, including criticism. It would be nice to see an depth discussion open up.

Here I look at embedding Google Slides, a Youtube video and a Wikipedia article into a Canvas page. Embedding works in any content area of Canvas, including calendar events, assignments, announcements, syllabus, and discussions.

The key ingredient in the embed method is the “iframe ” tag. Knowing this bit of HTML opens up a many possibilities, not just in Canvas either.

With Google Slides, as with any document in Google Drive, it’s important to start authoring the file with a Google account that is NOT an RMIT Google account. This is because RMIT Google accounts have a number of restrictions on them that can prevent embedding and other features commonly used in Google Drive. Simply share the file with your RMIT account after it has been created, and continue working on it from there.

When your Google Slides are ready to be embedded, click File – Publish to the Web; then click the Embed tab. Copy the HTML (iFrame) code, and paste it in your Canvas content area’s HTML editor.

For Youtube, click the Share button on any Youtube video, then click the Embed tab and copy the iFrame code. Paste the HTML iFrame in your Canvas content area’s HTML editor.

For Wikipedia, reuse the Youtube iFrame code but replace the Youtube URL with the address of the Wikipedia article you wish to embed. Consider changing the numbers for the iFrame size to 100% wide and about 900 pixels long (depending on the size of the article). Also consider embedding the mobile version of the Wikipedia article by adding a “m.” to the URL. For example: https://en.m.wikipedia.org/wiki/Laozi where the desktop version is a slightly different address: https://en.wikipedia.org/wiki/Laozi

There is a lot you can do, and just as much to think about with the embed content method in Canvas. I’ll produce more of these video instructions to explore some of this considerations.

Related Posts

Leave a Reply

Be the First to Comment!

Notify of
avatar
wpDiscuz