Related Topics

Contact Us

Call us! 617-500-1038

Answered By: Dan Breidenbach
Last Updated: Mar 01, 2017     Views: 15

If you would like to embed an external video into a page in Canvas you can follow these steps:

  • If the video is from YouTube there is an easier process for embedding the video into the page. Follow these instructions:
    1. While editing, place your cursor on the page where you want the video to appear.
    2. Click the "Link to URL" icon.
    3. Paste in the URL from YouTube. You will notice an image of the video appears right away.
    4. Click "Insert Link".
    5. The video will appear in a small window, but will grow larger when the video is playing. 

 

  • If the video is not from YouTube you will have to embed using HTML. Follow these instructions:
    1. On the site you will find some kind of option to get the embed code, which usually starts with an <iFrame> tag. It will sometimes be a button called "share" or a buttom with brackets ("<>"). Copy this code and return to Canvas.
    2. In canvas go to page you want to insert the video into, click "Edit" and click "HTML Editor" in the top right portion of the screen, this will render all items on the page in HTML.
    3. Paste the HTML code in the appropriate place on the page and save. 
    4. If the video does not appear it may be because the site or the video itself is not secure. Return to edit mode and click "HTML Editor". Within the embed code look for http. Here is an example from the New York Times:
      • <iframe title="New York Times Video - Embed Player" width="480" height="321" frameborder="0" scrolling="no" allowfullscreen="true" marginheight="0" marginwidth="0" id="nyt_video_player" src="http://graphics8.nytimes.com/video/players/offsite/index.html?videoId=100000004428834"></iframe>
    5. Because the video is not from an https source (i.e. secure), Canvas will not allow it to be embed within a page. One trick you can try is to add an "s" to the end of the http, here is the change in the same New York Times embed code:
      • <iframe title="New York Times Video - Embed Player" width="480" height="321" frameborder="0" scrolling="no" allowfullscreen="true" marginheight="0" marginwidth="0" id="nyt_video_player" src="https://graphics8.nytimes.com/video/players/offsite/index.html?videoId=100000004428834"></iframe>
    6. Once this change is made save the page and see if the video plays. If it does, then the video is playing from a secure source, but the site is http for backwards compatibility. If the video does not play, then both the site and video are not secure, so Canvas will not allow it. In this case you can include a link to the video, and students can watch the video on it's own site rather than within Canvas.

If you have any questions at all please contact us!