Integrating Library Content in Canvas

In most cases, there will be a Share or Embed/Link button below the video you are viewing.

To link to a video on your page, copy the URL that appears after clicking buttons Share or Embed/Link.

The key difference between this and the URL in your browsers is that this link is a permanent URL as opposed to a session URL.

That is, users can access a permanent link from any computer. Session URLs are not permanent; they rely on information stored locally on your computer.

MU does not currently have a subscription to Kanopy, however, the Libraries can license access to a specific video if it is needed for class use.  See the following page for more information.

The Kanopy example below will only work if MU Libraries have licensed the video for class viewing.

Linking video in any learning management system is relatively straightforward.

Click here for a thorough explanation of how to insert links on Canvas.

Quick explanation:

1. Once you have found the video you want to feature on your page, look for a button labeled Share or Embed. This is where you will find a permanent link. This link should be in the format of https://www.vendor.com/path/.
2. Copy the link you find.
3. In the text editor on your page, type the words that will comprise the link.
4. Highlight these words.
5. Then click the link icon and paste the URL into the box. 
6. Click Ok and test your link for functionality!

Some guidelines to follow:

• Always create links with permanent URLs.
• Do not create links with session URLs.
  • In some cases, sites (such as Naxos video library) will not offer permanent URLs. In this case, test the functionality of a session URL on a different computer off-campus. Another option is to test on a cellular phone not connected to campus Wi-Fi. 

"In terms of high-level computer languages, to embed means to incorporate an essential aspect. That essential aspect, or object, is often alien and therefore, the programmer cannot simply combine the distinct parts. In order to allow these types of combinations, most languages offer a mechanism, or interface." - http://www.valid-computing.com/embed-code.html

• An embed code is a mechanism for easily incorporating video content from the web into your pages.
• The embed code dictates the size, appearance, and behavior of the content displayed.
• Height and width may be easily adjusted by editing the embed code:
• For example, the numbers within the highlighted area may be altered:

<iframe src="https://

search.alexanderstreet.com.

proxy.mul.missouri.edu/embed

/token/06pf2dpm6kpj6dg"

frameborder="0" width="

470" height="390"></iframe>

• Important: Aspect ratios should be kept constant regardless of size. The ARC, or Aspect Ratio Calculator, is a free tool for maintaining aspect ratios.
• Important: Embed codes must be pasted in after clicking Source or HTML buttons. Otherwise the browser will display the code as text.

In most cases, there will be a Share or Embed/Link button below the video you are viewing.

To embed a video on your page, copy the code found after clicking the buttons Share or Embed.

The code will begin with the tags <iframe> <object> or <embed> and terminate with closed versions of the tags ex: </iframe>

After clicking Source or HTML in the text editor of the LMS, paste the code in your webpage.

Embedding video is also relatively straightforward.

Quick Explanation:

1. Locate the video you want to share.
2. Click on the Share/Embed button
3. Copy the embed code in its entirity.
   1. The code should begin with <iframe>, <embed>, or <object>.
4. Go to the LMS where you wish to insert the video.
5. Open your LMS text editor and click the button labeled Source or HTML.
6. Paste the embed code into your editor as source code.
7. Click Ok or Save & Close.
8. Test the functionality of your embedded video.

Some guidelines to follow:

• Maintain aspect ratio when resizing video.
• Make sure the code has been copied entirely.
• Test for functionality afterwards.

• Keep in mind: some browsers may block embedded content. Make a note to inform students they may have to disable browser settings temporarily.

• Another option is to provide a permanent link below your embedded content.