September 20

Inserting Media in D2L Brightspace’s HTML Editor

There are plenty of options when you work in your course to create a file and edit it in the HTML editor. When you go to a specific content module you have created in your course, for example Week 1 (under Materials > Content > “Week 1”) you get the Upload /Create button. By clicking on it you get several options, where the second option is commonly used to upload your syllabi or any other file, and then the third option is Create a File. Once you click on Create a file you get a window, as shown below,  that is the HTML editor with myriads of editing options that make it easy to work in right from D2l Brightspace. The first tool, called “Insert Stuff” (marked red on the picture below) is how you insert media to your new file. Further below is a list of inserting media options with descriptions.

html-editorInsert a media file from your computer

  1. Click the a859_htmleditor_insert_stuff.jpg Insert Stuff icon.
  2. Select a944_htmleditor_mycomputer My Computer to browse and select a file from your computer.
  3. After you select a file, click Choose Destination to select and create a storage location for the file.
  4. Click Upload.
  5. Click Insert.

Insert a media file from your course offering files

  1. Click the a859_htmleditor_insert_stuff.jpg Insert Stuff icon.
  2. Click a944_course_offering_file_icon.gif Course Offering Files to browse and select a file from your computer.
  3. Select your file from the file directory and click a946_upload Upload to upload a file to the directory. You can also select a file type from the Media Type drop-down list and click Apply to filter your directory search.
  4. After you choose a file, click Next.
  5. Type a Link Text and an Alternate Text.
  6. Click Insert.

Insert a media file from Learning Repository

  1. Click the a859_htmleditor_insert_stuff.jpg Insert Stuff icon.
  2. Click a946_lor_navbar_icon Learning Repository to browse available learning object repositories for objects and assets.
  3. Select your file from the repository and click Next.
  4. Enter a Link Text and an Alternate Text. If you text is decorative, you can select the This is decorative checkbox to avoid entering alternative text. Select Start playing automatically if you want your media file to play as soon as the content item opens.
  5. Click Insert.

Create and insert from My Media

Note: St. Cloud State D2L Brightspace has the My Media integration with Kaltura Mediaspace. Once you click on it, you are able to Add New Webcam Recording or Upload Media from your Mediaspace library.

  1. Click the a859_htmleditor_insert_stuff.jpg Insert Stuff icon.
  2. Click My Media. Click Add New > Webcam Recording.
  3. Click Allow if the Flash player prompts you to allow camera and microphone access.
  4. Click Record and record your video. Click Stop when you finish recording.
  5. You can click Play to preview your video notes.
  6. If you want to re-record, click Clear. If you are satisfied with your recording, click Next.
  7. Enter a Title and an Description of your videos.
  8. Click Next.
  9. You can preview the video notes before you insert it.
  10. Click Insert.

Insert a YouTube video

  1. Click the a859_htmleditor_insert_stuff.jpg Insert Stuff icon.
  2. Click a946_htmleditor_insertstuff_youtube YouTube to browse and select a video you want to insert.
  3. Click Next. You can preview the YouTube video from the YouTube Properties page.
  4. Click Insert.

Insert a URL link

  1. Click the a859_htmleditor_insert_stuff.jpg Insert Stuff icon.
  2. Click a946_htmleditor_insertstuff_insertlink Insert Link to insert the URL for an online media file.
  3. Enter the URL in the URL field and click Next.
  4. Click Insert.

Enter Embed Code

  1. Paste the embed code you have previously copied from your Mediaspace Kaltura.
  2. Click next then insert.

Films on Demand

  1. Click on Films on Demand and Search by Keyword
  2. Once you have found the movie you wanted, click Embed
  3. Finally, click Insert.