YouTube videos can be embedded in your content anywhere that you have access to the Text Editor. To do this, you need to copy the embed code, which is made available with most YouTube videos, and paste it into the Text Editor field using the Edit HTML Source function.

Copy the 'embed' code for a YouTube video

  1. Navigate to YouTube and find the video you wish to use.
  2. Click on the 'Share' button under the video, and click the 'Embed' option.
  3. In the popup window, click the 'Copy' button to copy the embed code.

Paste the code in your activity or resource in your LEO unit

  1. Open your activity or resource in your LEO unit where you wish to embed the video, or create a new one now.
  2. In the Text Editor for the activity or resource, click the 'Toggle Toolbar' button (top left) to open all the editing tools, then click the 'Edit HTML source' button:
    The text editor with toolbar toggle and HTML buttons indicated
  3. Paste (Control+V on PC / Command+V on Mac) the embed code into the HTML source window:
    Embed code pasted into the HTML source window
  4. Click the 'Update' button to return to the Text Editor. You should now see the video embedded directly in the content.
  5. Remember to save your content by clicking the 'Save and return to unit' button.

There are many activities and tools within LEO which make use of the Text Editor to create content. This includes (but is not limited to) a Book, Page, Quiz, Assignment, and a Label.

Embedding a video within existing content

If you're unfamiliar with HTML code, browsing the HTML code for a Text Editor may initially appear very confusing. This is because you're looking at the page text and the code that sits behind the page text. Usually this code is hidden by the Text Editor to make editing content easier for users.

If you need to embed a video within content you've previously created, it is sometimes useful to add placeholder text for your video first. By using a line of text such as "add video here" in the content, you can easily find and replace this text with your embed code when in the HTML source. To do this:

  1. Create a new paragraph in your content by clicking 'Enter' at the end of a line, then type "VIDEO GOES HERE". We can replace this line of text with the embed code in the next step.
    video goes here
  1. Click the 'Edit HTML Source' button. Find the placeholder text in the HTML code and select it (highlight the whole line including the <p> and </p> tags surrounding it):
    place holder text
  2. Paste (Control+v on PC / Command+v on Mac) the YouTube embed code in its place:
    placeholder paste embed
  3. Click the 'Update' button. When you return to the Text Editor you should now see the embedded video inside the content.

The direct video 'Share' link

After you click the 'Share' link for a YouTube video, but before your click the 'Embed' option, you will see a web address highlighted in the 'Share' window. This link is a direct web address that you can use when adding a link in a Text Editor field.

Page last updated on 23/01/2020

Service Central

Visit Service Central to access Corporate Services.

Other service contacts

Learning and Teaching
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