Skip to main content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

Ask us!

Canvas and Library Integration

Information about how to easily include library resources in your Canvas course shell.

Embed Codes in Databases

Some Library databases permit you to "embed" articles, videos, or other content directly into your Canvas course. Embed codes for content found in Library databases must only be used by your students within Canvas. They must not be used on webpages, blogs, wikis, or other online sites that could be accessed by non-RVCC users. 

An embed code is a block of html that can be inserted into the HTML editor in Canvas so that the content appears directly within the page. Here is an example of a video inserted into this page using an embed code:

The embed code looks like this:

<iframe width="560" height="315" src="https://www.youtube.com/embed/i9fs5fVuRSk?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

Database content that can be embedded will have an option to copy an embed code. For example:

Kanopy Streaming Videos

Embed codes for videos are found in the share options

 


 

Credo Reference

Embed codes might be represented by the icon html logo

The icon of html brackets represents the embed code for the article


YouTube

Although not a Library database, YouTube is another site where you can often find embed codes so that the video plays directly within your course, instead of requiring the student to leave Canvas and watch the video on YouTube. Embed codes are found in the YouTube Share options on a video's page. Not all videos include embed codes. 

Image of the video embed code found in the Share options for the YouTube video.

Insert embed codes using the Canvas HTML editor

  1. Copy the embed code for the content you want to include in Canvas
  2. In the Page or Assignment where you want to include the content, click the "HTML Editor" option HTML Editor image with the keyboard icon
  3. Place your cursor where you want the content to appear. (Hint: Use the regular text editor to add your own content up to the point where you want to embed the code. When you switch to HTML Editor, scroll down to the last line of code and paste the embed code on the next line.)
  4. Click the "Rich Content Editor" option to return to the regular text editor. Your embedded content should appear where you added it.
  5. Continue adding content in the text editor as needed and save the page/assignment as normal.