EPD - Canvas - How to deliver course files and videos from Box

You can deliver course files and videos to Canvas using Box's Embed Widget, Share Link, and Direct Link features.

Embed Content

Share Links

Direct Links

  • Course files and videos are delivered from a single, centralized access point
  • Version control is maintained because there is a single source of content
  • Updates made to the content in Box are automatically updated in Canvas
  • Using the embed code allows students to view the content directly in Canvas

How to embed course files and videos into Canvas, from Box

1. In Box, go to the course file or video.

2. Locate the embed widget for the file or video.

Go to ••• > More Actions > Embed Widget 

Locate box file embed code

3. Adjust the size setting of the embed code for the file or video. 

For Files, set size to Custom. Set Width: 1200 and Height: 900
For Videos, set size to Large. Use the default Width: 800 and Height: 550

embed course file or video

4. Copy the embed code for the file or video. 

copy embed widget code

5. In Canvas, create a new page in the appropriate content Module. 

6. Within the new page, switch to HTML Editor mode.

html editor within canvas page

7. Paste the embed code into the editor.

8. Save and publish the page. 

  • Box Share Links are useful for sharing Box folders. For example, adding a link to a folder with all of the Unit/Weekly Readings allows you to 1. Save space in the Canvas Modules layout and 2. Give you flexibility to add articles or other supplemental materials that may prove useful as just-in-time resources throughout the course. 

How to add Box Share Links to Canvas

1. Follow the steps outlined in Box - Creating Shared Links.

  • Direct Links are useful for sharing content that will automatically download to the user's computer. For example, if sharing a template or data files that will be used or altered by the user, use a Direct Link.  

How to add Box Direct Links to Canvas

1. Follow the steps outlined in Box - Shared Link Settings to provide a Direct Download Link.

    Keywords:EPD eHelp, embed, share links   Doc ID:84747
    Owner:Amanda R.Group:Engineering Professional Development - Department Resources
    Created:2018-08-09 12:03 CDTUpdated:2021-02-10 12:34 CDT
    Sites:Engineering Professional Development - Department Resources
    Feedback:  0   0