Video Note enables users to create video recordings from a webcam and insert them via the HTML Editor's "Insert Stuff" option. The ability to record video also shows up anywhere video attachments are supported. Video length is limited to 3 minutes.

Video Note has removed dependencies on Flash® technology and now uses HTML5. It reverts to Flash technology when it detects a legacy browser without HTML5 support.

Accessing Video Note via the HTML Editor

Access the HTML Editor - for instance, an instructor can use "Create a File" when in the Content area. Below is an illustration of a "Week 8" module with a new file about to be created.

D2L DL CD v1073 screenshot - selecting "Create a file" from the Content area


After the HTML Editor is available place the cursor where the video is to be located and select the "Insert Stuff" icon.

D2L DL CD v1073 screenshot - selecting the "Insert Stuff" icon when in the HTML Editor


Select "Video Note" from the pop-up dialogue box.

D2L DL CD v1073 screenshot - select Video Note from pop-up dialogue box

back to top

Dependent on operating system and browser choice, Video Note will attempt to connect with a camera via the browser. If no camera is detected, users may see a warning similar to that displayed below.

D2L DL CD v1073 screenshot - warning statement "Cannot Access video and audio. Please allow access to your recording device using the browser."


Dependent upon browser and operating system, the system may query the user regarding browser media settings as below. Select "Allow" to make the connection. Note that the decision can be remembered by selecting the "Remember this decision" checkbox.


D2L DL CD v1073 screenshot - browser query regarding media - select "Allow" to connect


 Legacy browsers will typically utilize Flash technology.

After the webcam image appears, select the "New Recording" button and recording of the video will commence. Up to 3 minutes of recording time is available.

D2L DL CD v1073 screenshot - select the "New Recording" button to begin recording

back to top

To stop the recording select the "Stop Recording" button.

D2L DL CD v1073 screenshot - select the stop button


After a recording is stopped, select the "Next" button.

D2L DL CD v1073 screenshot - select "Next" button after stopping the recording


A processing notice will typically appear.

D2L DL CD v1073 screenshot - "Please wait..." notification


Give the video a description and, if necessary, a title. Select "Next" (lower left) to move ahead in the process.

D2L DL CD v1073 screenshot - enter a description to move forward in the process


Select "Refresh Preview" if user wishes to preview the video - or just select "Insert" button (lower left) to insert the video into the html file where the cursor is located. Users can also step back through the process by selecting the "Back" button.

D2L DL CD v1073 screenshot - select "Refresh Preview" if user wishes to preview the video - or just select "Insert"


Select "Publish" to make the video available to users. Selecting "Save as Draft" holds the document in place but users cannot see it until "Publish" is selected.

D2L DL CD v1073 screenshot - selecting "Refresh Preview" button will cause video to display for review - choose to "Insert" or move "Back"


The video will be accessible via the HTML document located inside the Content module and will play inside of D2L.

back to top

Video Attachments

Video attachments appear in different areas of the interface. For instance, users creating a new thread in the discussions area are presented with an option to record a video. This option appears thoughout the interface. Select the "Record Video" button.

D2L DL CD v1073 screenshot - selecting the "Record Video" buttonto record video attachment

After selecting the "Record Video" button, steps to record a video are similar to those described previously.

Note: The HTML Editor is accessible throughout the Learning Environment so it is possible to use "Insert Stuff" to record and post videos anywhere there is an opportunity to use the HTML Editor in D2L. Both faculty and student participants have this ability.

Legacy Browsers and Flash

Because Video Note uses HTML5 - legacy browsers will still utilize Flash technology when Video Note is used.

Select to "Allow" Flash to access your webcam (if necessary) - it might take a few seconds for it to engage properly - then you'll see the image from the webcam in the window and the "Record" button will become active.

D2L DL CD v1073 screenshot - if a legacy browser is used Flash will typically need allowed.

back to browser media query area of tutorial

back to top

NOTE: What dialogue box windows look like and how dialogue box windows and browsers interact is dependent upon the operating system and browser being used. The screenshots in this tutorial may differ from the screen that the user is viewing when performing the actions described in this tutorial.

CD (Daylight version)