Follow

Embedding Video & Media in your Course

If you have a video you need to upload before sharing it in your course, see the instructions below for some common services:

Note: This guide was written for the Canvas LMS, but the process is similar for other learning management systems.

If you would like to embed a video or other media element (YouTube, Vimeo, Prezi, ThingLink, etc.), locate the embed code provided by the service you are using and follow the steps below:

1) Copy the embed code from YouTube (or whatever media service you're using):

 

 

2) Go to the content page you want to embed the video and click “Switch Views” in the top right-hand corner of the page. Paste the embed code into the code view.

3) If you click switch views again, you will see a yellow box. This is your embedded media.

 

Once you save the page, you should see the media instead of the yellow placeholder. If your media does not appear, continue reading the http vs. https section below.

 

 

HTTP vs. HTTPS

Canvas and other learning management systems often use a web protocol to improve security. This security protocol is what gives us that  ‘s’ at the end of the ‘http’ part of the American Honors Quad URL and other learning portals:

      https://quad.americanhonors.org/

This protocol is important to have in place because it encrypts data being sent and received and helps to confirm user authenticity. However, for faculty, students, and instructional designers working in these systems, this means that embedded videos and other media cannot be  displayed within content pages unless the site that hosts that content also supports this protocol.

Content embedded from sites that are only using http://  may be blocked. (Usually this manifests as a big space where a video should be and a special shield in the address bar of your browser.) Many sites do support https:// even if the embed code they give you does not include that extra  ‘s’  in the URL.

If your media does not appear after being embedded, your media may be blocked by the browser for security. By adding the  ‘s’  into the url in the embed code, you’ll often be able to remedy the problem. 

Add an 's' after 'http' so the url now reads:

<iframe src="https://phet.colorado.edu/sims/density-and-buoyancy/density_en.html" width="800" height="600"></iframe> 

If you save the page again and the media still does not appear, it is likely the website does not support this type of encryption. We recommend linking out to the resource rather than attempting to embed the content into the page

 

 

 

Have more questions? Submit a request

Comments

Powered by Zendesk