Logo

How can we help?

Get help straight from our team...

How to embed your presentation in CANVAS (by Instructure)

Embedding Presentations

How to embed your presentation in CANVAS (by Instructure)

Take your course to the next level by embedding your lectures inside of CANVAS.

Last updated on 21 May, 2021

To start, you will need to create an HTML file. This can be done in any editor.  In this example, I used Atom, a free editor.

  1. Create a blank HTML file and paste following code into the document.  

      <html>
      <head><title>Test Page</title></head>
      <body>

      </body>
      </html>

  2. Copy the embed code from your Speaker Deck page.

  3. Paste the embed code in between the body tags.

  4. Save this file (as somename.html).

  5. Upload this file to the Files area of your course inside of CANVAS.

  6. In the files area of your course and find the newly created and uploaded HTML file.  Click to preview the file and copy the URL.

    Example: https://canvas.instructure.com/courses/28297/files?preview=137488123

      Note: You will need to now modify the URL slightly when using it in the page.  You will need to move the file ID to after the /files/ and move preview after the last /

      Original URL: https://canvas.instructure.com/courses/28297/files?preview=137488123

      Modified URL: https://canvas.instructure.com/courses/28297/files/137488123/preview

  7. Go to any page and go to edit mode

  8. Switch to the HTML editor and add the following iframe code:

      <iframe src=" https://canvas.instructure.com/courses/28297/files/137488123/preview " width="600" height="400"></iframe>

      Insert your copied file code into the src=”your modified url."

  9. You can also change the width and heigh parameters to fit your needs.

Did you find this article helpful?
Previous

How do I use oEmbed to display a deck on my site?

Next