This site requires JavaScript to be enabled
An updated version of this article is available

How do I get an embed code for video stored in Box?

7326 views

3.0 - Updated on 2023-11-07 by Sara Viray

2.0 - Updated on 2019-08-12 by Judith Stern

1.0 - Authored on 2016-02-08 by Paula Miranda

The Berkeley Box service allows you to upload, organize and share files online. When a video file is uploaded into Box, one of the ways that it can be shared is by using an embed code, which you can paste into any html page. Doing so allows viewers to watch the video within the Box video player, which has playback, size, and speed controls. You can also set permissions for who can view and download the video.

 

Follow the following steps to get embed code to use in bCourses or the html of any web page.

STEP 1: Log into Box

Go to https://box.berkeley.edu. Select 'Continue'. If you are not already logged into CalNet, you will be prompted to do so.

Screenshot of Box login screen

STEP 2: Find the video file and embed code

Find the video file and, from the menu of options for file [1], select Sharing [2], then Embed Widget [3]. This will give you the embed code.

Screenshot of how to embed file

STEP 3: Copy the embed code

The Embed Widget Settings window will appear. You have the option to change the size and theme of the video player, as well as preview what the video will look like.

When you are satisfied with the settings, select all of the Embed Code, and copy it (CTRL + C [PC] or CMD + C [Mac] on your keyboard).

Screenshot of Embed Widget Settings

This text can be copied into a new bCourses element for display of the video within your course. See our KB article on embedding video in bCourses.

 

Important Accessibility Information

Instructors are encouraged to reference accesscontent.berkeley.edu for best practices and resources for making course content accessible. In particular, you should refer to http://accesscontent.berkeley.edu/resources/help-guides/video-captions-transcripts

and http://accesscontent.berkeley.edu/resources/help-guides/adding-descriptive-audio to ensure that your content will be accessible to all students who may be in your course (now and into the future). Keep in mind that it is harder and more expensive to make content accessible after-the-fact. Also, know that you are required to ensure your content is accessible if it will be made available to the public or if you have been notified by DSP that student accommodation is required.