Embedding and Sharing Videos

Video and audio can be embedded on different web pages, like Wordpress or Wix, as well as in browser based multimedia tools like Adobe Creative Cloud Express. In addition, embedding or sharing videos and audio files on Canvas is a good way to ensure students have access to course materials in one, easy to find location.

Best Practices

• When embedding a video in Canvas, always include a direct link to the video in addition to the embed in case people have trouble loading the video. 
• It is advisable to also include a disclaimer for students, above the video, in clear text, that indicates that they may wish to try another browser or use the direct link if the video does not load.
•  If you have videos stored locally on your computer it is recommended that you upload them to Panopto or Box before sharing with others or on Canvas.

Panopto

1. Log in to Panopto
2. Click Browse, on the left navigation
3. Navigate to the folder containing the video or playlist you wish to share
4. Hover on the video thumbnail, click Share
5. Click Embed
6. Select the options you desire
7. Click Copy Embed Code
8. Navigate to the Canvas page that you would like to use the video on.
9. Embed the video in Canvas, using the instructions for inserting using an embed code.

Box

1. Navigate to the media that you want to share in hws.box.com
2. Open the More Options menu by clicking the ellipsis (...) (or by right-clicking the file).
3. Select Embed Widget.
4. You will be presented with a window which includes HTML iframe code for your new widget, as well as options to adjust the size and default view type of your widget. Copy this code to your clipboard.
5. Navigate to Canvas (canvas.hws.edu) and enter into the page that you wish to embed your media on.  
6. Select Edit in the upper right.  
7. Click the Insert Media icon from the editor
8. Select the Embed tab
9. Paste your embed code in the box and select 'OK' 
10. Save the page after you have finished making edits.  

For questions or additional help contact the Digital Learning Team.