D2L - Insert Media Files in HTML Editor

Last Updated: 10/19/2012

Overview

You can insert media files into the HTML Editor using the Insert Stuff button. The Insert Stuff text area can be accessed through the following areas: message area in Dropbox and Discussion and content area in Content and Journal.

Insert Stuff Icon:

Insert Stuff icon

Depending upon your needs you can upload and insert a media file in the following ways:

Upload File From Computer

  1. Click the My Computer link to select a file to upload from your computer.
  2. Click the Choose File button to select a file to upload.
  3. Click the Choose Destination button to select a location in which to store the file.
  4. Click the Upload button to upload the file from your computer.

My Computer Upload Image

Course Offering Files

  1. Click the Course Offering Files link to browse and select a file from within your current course.
  2. Select a directory link where the file is located.
  3. Select the type of file you want to select from the Media Type: drop-down menu.
  4. Click the radio button beside the file you want to upload.
  5. Click the Next button (on the Media Properties screen preview the file).
  6. Click the Insert button to insert the file.

Learning Repository

  1. Click the Learning Repository link to browse
  2. Enter a search of the file you are looking for.
  3. Select the desired file from the search results and then click Next (on the Media Properties screen preview the file by clicking the file link).
  4. Click the Insert button to insert the file.

Learning Repository Image

Webcam

Learn about the process of creating and inserting a Webcam recording by visiting the Record and Insert a Webcam Recording tutorial.

Learning Repository Image

Kaltura Media File

Learn about the process of inserting a file from Kaltura by visiting the Insert Media via Kaltura tutorial.

Learning Repository Image

YouTube Video

  1. Click on the YouTube link to insert a video from YouTube.
  2. Enter search terms in the Search YouTube: text box and click the Search button.
  3. Select the video you would like from the search results and click Next.
  4. Click the Insert button to insert the file.

YouTube image

Flickr Image

  1. Click on the Flickr link to insert a file from Flickr.
  2. Enter search terms in the Search Flickr: text box and click the Search button.
  3. Select the file you would like form the search results and click Next.
  4. Adjust the settings of the file, such as height and width. Click the Insert button to insert the file.

Insert Link

  1. Click the Insert Link link to enter or paste a URL corresponding to a media file located on the internet.
  2. Enter a URL in the URL: text box.
  3. Click the Next button (on the Media Properties screen preview the link).
  4. Click the Insert button to insert the file.

*Note: Entering this URL will result in successfully embedded media only if the URL ends in a file with an extension that this function recognizes, or if the URL matches a specific pattern corresponding to websites for which there is specific support.

Enter Embed Code

  1. Click the Enter Embed Code link to enter or paste media embed code for insertion.
  2. In the Embed Code: text field enter the embed code for an object located on the internet.
  3. Click the Next button (on the Media Properties screen preview the file).
  4. Click the Insert button to insert the file.

Please visit the Embedding Media Content page to learn more about the benefits of embedding content and examples.

Enter Embed Code Image

*Note: When the Next button is clicked the Media Properties page simply displays the result of the code entered in the Embed Code: text field. There is no validation and there are no modifications made to the code.