How can we help?

My Cases

Embedding Videos into LMS Content Windows
Last Updated: Sep 27, 2019 11:38AM EDT

This article applies to:  Echo360 Admins

In the event your LMS Administrator has not set you up with a handy-dandy Echo360 direct-embed option in your LMS, you can still embed Echo360 videos into the content windows of your LMS. 

If your Echo360 administrator has the Public Links/Embeddable Links feature enabled for your institution, you will see a Links section at the bottom of the media details page for video content in your library (click a video tile in the library, then scroll to the bottom section of the page, as shown below).

Media details page with Links section and Add link button identified as described

If you do not see the Links section on the media details page, your administrator has not enabled this feature for your institution OR you are not the owner of this item. Perhaps you accessed the media details page by clicking Details from the class list? Check the Name listed at the top of the Info tab. If you are NOT the owner, you may be able to create a copy of this content. The copy you create will be owned by you.

If you do have Public links available to you, you can generate a URL to post for the video, or generate embed code to place into a content window in your LMS. Both options will create a link directly to the video, though will present them differently. Blackboard, in particular, provides a Web Link option within the Build Content menu. Pasting a Public link URL for an Echo360 video into the Web Link URL field generates a link directly to the video which also opens in a new tab.

IMPORTANT: Public Links to videos, whether embedded or posted as a URL/web link do NOT GENERATE STUDENT ANALYTICS for sections. Even if the video itself is also published to a section, viewing the video OUTSIDE of the classroom/section via a public/embedded link does NOT associate that view with that student in that section. This may change in the future, but for now, you cannot substitute video links/embeds for in-section classroom viewing.
Also note that embedded videos do not provide Notes or Q&A functionality. These are also "section-linked" features, meaning students have to view the material within the Echo360 section/classrooms to have this capability.
If you want to link students directly into classrooms to view section materials (and your LMS/Echo360 administrator has made it possible to do so), you can create LTI links in your LMS course that point directly into different classrooms rather than simply to the section class list. See Linking from an LMS Course to an Echo360 Classroom.

Now that we have the disclaimers out of the way, let's get started, shall we?

To embed a video directly into an LMS content window:

  1. Access Echo360 the way you normally do (via the LMS or your institution portal) and open the Library page.
  2. Find the video you want to embed and click the tile (this opens the content details view shown above).
  3. Click the Sharing tab of the bottom section of the content details view.
  4. Click ADD LINK.
    This expands the page to show a postable URL for the video along with options for access.
    Links section of media details with a generated link showing for steps as described
  5. Click Embed
    A popup window appears containing the HTML necessary for embedding the video into a content window
    Embed link modal for a public link to a video with options as described
  6. The default size setting is 640x360. Use the Size drop-down list (shown in the above figure) to select different size.
  7. If appropriate enable the Autoplay slider to have the video auto-play on access. If Autoplay is turned on, Automute is automatically enabled, to accommodate browsers that will not autoplay with sound. You can enable Automute separately from Autoplay if desired.
  8. Click COPY. This copies the embed text to your clipboard for pasting into another location.
  9. Click DONE to close the Embed box.
  10. Navigate to your LMS and open or create the page or location containing a text/content window where you want to embed the video.
    The below figure shows a Blackboard course Content page, with the Create Item option in the Build Content menu identified.
    Blackboard course Content with Create Item selection identified for steps as described
  11. Nearly all Content editors contain an "HTML" button or link that allows you to enter HTML formatted text instead of just using the WYSIWYG editor. Find the HTML button or link. The below figure shows a Create Item form in Blackboard with the HTML button identified. If you do not SEE the HTML button when you enter the page, click the "double chevron" button (also identified in the below figure) for "Show More". This expands the toolbar to provide additional options.
    Blackboard Create content item form with HTML button identified as described
  12. In both Blackboard and Brightspace, you will receive a pop-up window for creating or editing HTML source code. The Blackboard popup is shown below; the Brightspace popup is shown later on this page.
    Blackboard HTML Code view page with Echo360 video embed code pasted as described
  13. Press Ctrl+V or Command+V to PASTE the embed code copied to your clipboard earlier in this procedure. You will see the embed code from Echo360 in the HTML window, as shown in the above figure.
  14. In Blackboard, click Update to close the HTML code view. In Brightspace, click Save (shown later on this page).
  15. Save/Submit/Publish for the new page or item in the LMS. The Video is now embedded into the page or content item you created to hold it.
The below figure shows a Blackboard Content page with the new Item, an embedded Echo360 video visible on it.

Blackboard course Content page with embedded Echo360 video item as described

Finding the HTML Editing Button

If you have difficulty finding the HTML button on a content window for your LMS, refer to the LMS documentation for assistance. Below are some screenshots of other LMS content editing windows (besides Blackboard shown above) and the locations of the HTML content editing buttons or links.

In Canvas, for the Add Page content window, the link to the HTML view is located above the content pane as shown below. When the HTML editor view is active, you can click into the main content area and Ctrl+V or Command +V to paste the copied Embed code into the panel. 

Canvas Add Page form with HTML Editor link identified as described

Returning to the Rich Text editor after pasting the embed code will show the embedded video in the panel. Scroll down to click Save & Publish to make the embedded video visible to students.

Canvas Add Page after embed code is pasted and returned to Rich text editor

In Brightspace, the HTML button is located at the bottom of the content editing panel. Within your course content page, click New, then select Create a File.

In the content page that appears, click the HTML Source Editor button, shown in the below figure.

Desire2Learn Create File page with HTML source editor button identified

Brightspace then pops up an HTML source editor window, like Blackboard does, however the Brightspace window is populated with base HTML. Select all the exiting HTML in the window and delete it. Then Ctrl+V or Command+V to paste the copied Embed Code into the HTML editor. This is shown in the below figure.

Desire2Learn HTML Source Editor window with embed code as described

Click Save to embed the video in the content window, then click Publish to post the new File/page into the Course Content.

Desire2Learn Course Content with Embedded Video posted to content file page

seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
Invalid characters found