Embed an Echo360 video in an HTML page


If you upload a video to your Echo360 Library, or to an Echo360 Section, you can embed the video in a page in your MyLO site using a feature called a Public Link. The resulting video may look something like this when inserted into an HTML page based on the ICB template.

Echo360-Public-Link-Embed-aft-ICB-sample

PLEASE NOTE
If you embed an Echo360 video in an HTML page, you are using what is known as a Public Link. Public links will not allow you to track who has accessed the video. It is also possible for savvy students to obtain and share the link to the video with students outside your unit (and to the general public). If you would like to be able to track which students have accessed a video, and only allow access to UTAS users, we recommend that you upload your video to a unit Section and use a Quicklink to provide access to the video.

If you’re certain you want to use a Public Link, follow these instructions.

Before you start

Have the following open, each in a different browser tab.

  • The HTML page in your MyLO site that you wish to add the video to, preferably already in editing mode.
  • The ICB Template page. You may wish to select the Video menu, then choose the YouTube/MyMedia video option, in advance.
  • Your Echo360 Library or a unit Section. You can usually access these from a link in your MyLO site OR by logging in (via institution) at www.echo360.org.au (opens in new window)

Step 1

Locate the video you wish to use, either from the Echo360 Section for your unit, or from your Echo360 Library.

If you are using a video from an Echo360 Section, select the green icon to the right of the video name and choose Details from the menu.

Echo360-Section-View-Details

If you are using a video from your Library,  you will need to locate the video and click on the preview image.

Echo360-Library-Item-View-Details

Step 2

You will see three tabs appear beneath the video. Select the Sharing tab.

Echo360-Select-Sharing-tab

Step 3

Scroll down until you see the heading Public links. If you cannot see a link there already, select the Add Public Link button.

Echo360-Add-Public-Link-button

Step 4

A link will now appear. Select the Embed button to the right.

Echo360-Embed-button

Step 5

A new window will pop up. This contains the embed code. Select the Copy button. This will copy the code to your computer’s temporary memory.

Echo360-Copy-Embed-Code

Step 6

Now jump to the browser tab containing the ICB template page. If you haven’t already done so, select the Video menu, then choose the YouTube/MyMedia video option.

Echo360-ICB-Video-EMBED-option

Step 7

Scroll down under the video until you see the Embed Code field. Place your cursor in the field, use one of the following keyboard shortcuts to paste in the embed code you copied earlier:

  • On a PC, CTRL + V; or
  • On a Mac, Command + V.

This should copy the code into the field. Once the code appears in the field, press the Copy to Clipboard button. This copies some more code into your computer’s temporary memory, to make your video more responsive to different screen widths and devices.

Echo360-ICB-Video-EMBED-option -insert-code-copy-to-clipboard

Step 8

Now jump to the browser tab containing your MyLO site. Ensure that the page you wish to add the video to is in editing mode. Place your cursor where you would like the video to appear, then use one of these keyboard shortcuts:

  • On a PC, CTRL + V; or
  • On a Mac, Command + V.

Your video should then appear on the page. You can replace the caption beneath the video by selecting it and replacing it with your own text OR you can select it and delete it.

Echo360-video-embedded-in-page-in-edit-mode

Step 9

Continue to work on your page. When you’re finished, don’t forget to save!

Comments

This post doesn't have any comments

Leave a Comment

 




  Back to all posts