Skip to main content

Embed Image, Audio, and Video Files

  • 1. Create or edit an Assignment, Content Page, Exam, Path Activity (Text types only), etc. The pop-up will include a textbox similar to the following:

    files 1.png

    2. Click either Insert Image, Insert Video, Insert Audio, or Insert File to open a new pop-up window containing an instructor’s uploaded files.

    file 2.png

    3. Navigate through the pop-up window to select the desired file. Once it is selected, it will be highlighted in blue.

    4. (Optional) If an Image is being uploaded, the Image Size can be changed by editing the width of the image, in pixels.

    5. Click Insert Image, Insert Video, Insert Audio, or Insert File (depending on what was selected is Step 2) to finish uploading the file(s).

    files 3.png

  • Instructors can upload files to Learning Suite to use in their courses. This can be done through the Files page or while editing an Assignment, Content Page, Exam, Path, etc.

    Upload Files through the Files Page

    1. Click Files, located on the left sidebar, while on the Course List page.

    2. Click + Add File and then Choose Files.

    upload 1.png

    3. Choose a file(s) from your computer then click Open.

    4. (Optional) Add a Description to the file(s) you are uploading.

    5. (Optional) Check Prevent Download if desired, to prevent students from downloading Video and Audio files.

    6. (Optional) If a single file was selected, check Replace Existing File to replace an existing file with the new file, if desired.

    7. (Optional) If a single file was selected, check Rename File to rename the new file before it is uploaded, if desired.

    8. Press Save to finish uploading the file(s).

    Upload Files while editing an Assignment, Content Page, Exam, Path, etc

    1. Editing or creating an Assignment, Content Page, Exam, Path, etc.

    2. Click either Insert Image, Insert Video, Insert Audio, or Insert File, located in the Description Bar.

    upload 2.png

    3. Click Upload File then Choose File.

    upload 3.png

    4. Repeat steps 3-7 as listed above in Upload Files through the Files Page.

    5. (Optional) If an Image is being uploaded, the Image Size can be changed by editing the width of the image, in pixels.

    6. Press Insert Image, Insert Video, Insert Audio, or Insert File (depending on what was selected is Step 2) to finish uploading the file(s).

  • Youtube

    1. To embed a YouTube video, go to the video in YouTube and click SHARE.

    Screen Shot 2022-05-23 at 4.38.29 PM.png

    2. Choose Embed from the sharing options.

    3. Click COPY to copy the embed code to the clipboard.

    Screen Shot 2022-05-23 at 4.39.12 PM.png

    4. In Learning Suite, go to the content page or exam question to embed the video into and click the insert video icon.

    Screen Shot 2022-05-23 at 4.41.01 PM.png

    5. Choose Embed from the insert options and paste the embed code in the embed window. Then, click Insert Video.

    Screen Shot 2022-05-23 at 4.41.55 PM.png

    Note: YouTube videos often include thumbnails for easy access to related videos. Select Hide related videos to hide those thumbnails.

    Vimeo

    1. On Vimeo, navigate to the video and click the share button (plane icon).

    2. Click the Embed icon (to the right).

    Screen Shot 2022-05-23 at 5.03.42 PM.png

    3. Click Copy to copy the embed code to the clipboard.

    4. In Learning Suite, create a new page or exam question or click Edit to embed the video into an existing page or question. Click the insert video icon.

    Screen Shot 2022-05-23 at 5.05.42 PM.png

    5. Select Embed and paste the code into the text box. Click Insert Video. The content page needs to be published in order for students to access the embedded file.

    Box

    The University recommends using Box to deliver video and other materials online. University students and employees have free secure Box access.

    1. In Box, hover over the video to embed and click on Share. Enable the share link and select people with the link from the drop-down menu. Choose can view only to prevent students from downloading the video.

    Screen Shot 2022-05-23 at 4.45.04 PM.png

    Note: The link is publicly accessible to anyone with the link. However, the shared files will be embedded into Learning Suite which require a secure login.

    2. Close the share dialog box and click on the More Options button. Select More Actions and choose Embed Widget from the menu.

    Screen Shot 2022-05-23 at 4.46.39 PM.png

    3. Click Copy to copy the code for the embedded video. To use something other than the default size, first select the desired size, then click copy.

    Screen Shot 2022-05-23 at 4.48.42 PM.png

    4. Go to Learning Suite and create a new page or exam question or click Edit to embed the video into an existing page or question. Click the insert video icon.

    Screen Shot 2022-05-23 at 4.50.30 PM.png

    5. Select Embed and paste the code into the text box. Click Insert Video. The content page needs to be published in order for students to access the embedded file.

    Note: Students may see a login prompt instead of the video. Students should use their net ID followed by @byu.edu (netID@byu.edu) and their university password. They may need to scroll down in the display window to do this.