Embedding media in Discussion Boards

Embedding images or videos in discussion boards is different from just attaching an image or video file or including a link to one. Embedding allows your instructor to see the video or image directly in your post, which makes grading much easier.

  1. Navigate to ‘Discussions’ in your Canvas course site and select the discussion board you wish to respond to. Click ‘Reply’ to open the text editor. You will need to become familiar with the icons circled below.
Screen capture in Canvas on the Discussions page with circles around the insert/edit media icon and the embed image icon
Insert/embed media icon

Insert/edit media icon (for videos)

embed image icon

Embed image icon (for images)

  1. To embed an image, click the embed image icon in the Rich Content Editor. From here, select the image source. This can be a URL or you can upload* an image from your device. Click ‘Update’ to embed the image.
    *Note: The ‘My Files’ folder is your personal Canvas folder and is not accessible to anyone but you.
Screen capture of Insert/Edit Image window, URL tab, indicating where to paste a URL

or

Screen capture of Insert/Edit Image window, on the Canvas tab, indicating how to upload an image
  1. To embed a video, there are a few options. If you are using a video from YouTube, simply click on the ‘Share’ button underneath the video on Youtube and copy the URL. Then in the Canvas discussion board, select the insert/edit media icon, and paste the URL from YouTube where it reads ‘Source’. Select ‘Ok’ when finished.
    Note: You can also upload a video file you recorded onto your own personal YouTube channel and generate a link this way as well. Keep your video as ‘Unlisted’ to prevent anyone from searching for and finding it through the Search feature.

On YouTube:

Screen capture of the Share window on YouTube

then

On Canvas:

Screen capture of the insert/edit media window, in Canvas, indicating where to paste the URL
  1. You can also use Google Drive to upload your own video file and create an embed link. As a UF student, you have unlimited storage when you use Google Drive with your GatorLink credentials. Access Google Drive with your GatorLink.
    To embed a video from Google Drive, upload your video file onto Google Drive. Once the video has been processed, right-click the file name to edit the ‘Share’ settings. Under ‘Share’, click ‘Advanced’, and, under ‘Who has access’, select ‘Change’. Then select ‘On – Public on the web’. Click ‘Save’ and ‘Done’.

On Google Drive:

Screen capture of the Share with others window on Google Drive with an arrow pointing to the Advanced link

then

Screen capture of the Link Sharing window on Google Drive with a arrow pointing to On - Public on the Web
  1. To generate an embed link, double click the file to open it in Google Drive, and select ‘Open in a New Window’ from the triple dot menu in the upper-right hand corner. When the new window opens, select ‘Embed item…’ from the new triple dot menu and copy the generated embed code.
Screen capture of file info in Google Drive with the triple dot menu open and an arrow pointing to Open in new window

then

Screen capture of file info in Google Drive with the triple dot menu open and an arrow pointing to Embed item...

then

Screen capture of the Embed item window with the html that will need to be copied
  1. Once you have the embed code from Google Drive, navigate back to your Discussion board post on Canvas, and select the icon. Then select the ‘Embed’ tab and paste the embed code in the space provided. Select ‘Ok’ when you are done.

On Canvas:

Screen capture of the Insert/edit media window in Canvas, Embed tab, indicating where to paste the html