Various types of videos can be embedded in the text editor, including YouTube, Vimeo, and Echo360.

Back to Text editor

If you wish to embed an Echo360 video into the text editor, please see LEO Guides: How to add Echo360 videos to your LEO unit.

Popular video sharing websites, such as YouTube and Vimeo, allow users to embed a videos in their websites.

Embedded videos are displayed in the page in a player, and are useful for providing externally-hosted resources to users without requiring them to navigate away from LEO to view them.

Editing lecturers can embed videos into resources and activities in LEO wherever the text editor is used, such as in the Label or Page resources, and can also be used in quiz questions, activity descriptions, or forum posts.

How to insert the embed code into the text editor

Embed code must be inserted into the text editor when HTML mode is enabled:

  1. Navigate to the video online and copy the embed code (see sections on this page below for further instructions).
  2. In the LEO text editor, make a new line for your video by pressing Enter, then type in some placeholder text, such as "VIDEO GOES HERE":
    Placeholder text for video in the text editor
    Note: if the video will be the only content in the text editor, placeholder text is unnecessary.
  3. Click the Show more buttons option to display all the text editor functions, then click the HTML button:
    The HTML button in the text editor
  4. Locate the placeholder text in the HTML code and select the whole line (including the code tags that surround the text):
    Selected pasteholder text in the editor
  5. Paste the embed code in to replace it (see the embed code between the green <iframe> code tags in the example below):
    Embed code pasted into text editor
  6. Click the HTML button again to return to the normal view. You should now see your video embedded on the page.

Copying and pasting text

  • To copy text, highlight the text and press Control + C (Windows) or Command + C (Mac).
  • To paste text, position the cursor in the text editor, then press Control + V (Windows) or Command + V (Mac).

Note: video sharing websites will often have a Copy button to click that performs the copy command for you.

How to find the video embed code

Most video sharing websites will include a Share function. This usually enables you to copy either a weblink to the video or an embed code to insert into your page content. This is generally a similar process with any video hosting platforms, which includes social media platforms.

YouTube embed code can be found by clicking the Share button below the video:

  1. Navigate to the video on YouTube.
  2. Click the Share link located below the video:
    YouTube share button
  3. Click the Embed button from the list of options.
  4. The embed code is shown in the popup window. To copy it, click the Copy button on the bottom right:
    Embed code copy button

This embed code is now copied, and you can return to LEO and paste this copied text into the text editor as explained above.

The Vimeo embed code can be found by clicking the Share button:

  1. Navigate to the video on the Vimeo website.
  2. Click the Share icon from the menu in the top-right corner of the video:
    Vimeo share button icon
  3. In the popup window, click inside the Embed text field to automatically select the embed code:
    The selected vimeo embed code
  4. Copy the code by pressing Control + C (Windows) or Command + C (Mac) on your keyboard.

The embed code has now been copied, and you may paste it into the text editor as explained on this page above.

There may be a few reasons why your embedded video is not displaying in your LEO unit.

These reasons may include, but are not limited to, the following:

  1. The video has been removed due to violation of copyright or terms of service.
  2. The video has been deleted by the person who uploaded it.
  3. The uploader has not made the video available in your region (i.e., Australia).
  4. The video's web address (i.e., URL) begins with "http" instead of "https".
  5. The video has been pasted into the text editor incorrectly.

What can you do?

For the first three causes listed above, you may simply remove the embedded video in your LEO unit or find an alternative.

If this is not the case, simply replacing the embed code can fix issues:

  1. Navigate to the video hosted online and copy the embed code.
  2. Remove the existing embed code from the text editor (which includes the <iframe> and </iframe> tag and all code between the tags).
  3. Pasting in the new embed code and saving your changes.

If you are not sure whether your embedded video's URL is wrong:

  1. Edit the resource which contains your embedded video.
  2. Click the Show more buttons button to open up two more rows of editing functions, then click the HTML button:
    htmlbutton
  3. In HTML view, find your embedded video's HTML code. The following example is the HTML code for embedding the "Welcome to Australian Catholic University for Undergraduate Students" video on YouTube:
    <iframe src="http://www.youtube.com/embed/mdNA7wMlqNM?rel=0" allowfullscreen="" frameborder="0" height="315" width="560"></iframe>
  4. In this example, the SRC value is http://www.youtube.com/embed/mdNA7wMlqNM?rel=0. This will not work in LEO because your web browser expects an "s" after "http". For this example to work, the SRC value must be changed to https://www.youtube.com/embed/mdNA7wMlqNM?rel=0.
  5. Edit the beginning of your embedded video's SRC value to "https".
  6. Save your changes.

Changing your embedded video's SRC value from "http" to "https" will also fix issues with HTML codes from most other video sources like SBS News Videos, Vimeo and Dailymotion.

If the video will still not work, please contact LEO Support.

Page last updated on 19/05/2021
Back to previous page

Service Central

Visit Service Central to access Corporate Services.


Other service contacts


Learning and Teaching
Library
Request Something

Make a request for services provided by Corporate Services.


Request something
Knowledge base

Find answers to frequently asked questions 24/7.


See Knowledge Base
(07) 3623 7272