Learn@Illinois Moodle - Embedding a Video Using Code

This articles details how to embed a video into Moodle using the embed code.

For a permanent link to this information, please use: http://go.illinois.edu/MoodleEmbedVideo

There are many ways to insert a video, but the most common way is by inserting an embed code.
Note: Due to security policies, students may not be able to embed videos using the embed code. In this case, they should use Illinois Media Space instead.

Getting the Embed Code

An embed code is different than a web link. A web link begins with "https://" while embed code will begin with "<iframe>".

YouTube Example

  1. Click the Share button.
  2. Click the Embed tab. 
  3. Copy the code in the window.
    Copy embed code screenshot
    Note: Before copying, you can specify a start time on an individual video or a start video on a playlist of videos here by clicking on the "Start at" checkbox and entering in the start time.

Vimeo Example

  1. Click on the share button.
  2. Copy the code in the embed window.
    Note: By clicking "+Show options" above the Embed textbox, you can choose from multiple options before copying the code to get exactly what you want.
    Copy embed code and click Show options screenshot

Adding the Embed Code Using the Moodle Text Editor

  1. If your editing tools are not already expanded, click the Toolbar Toggle button.
    Toolbar toggle button screenshot
  2. You will need to insert the code into the HTML. To access the HTML, click the Edit HTML source button. 
    Edit HTML source button screenshot
  3. Paste the embed code in the desired location and click the Update button.

Related Topics

Moodle.org Documentation

Keywords:moodle, text editor, embedding video, YouTube   Doc ID:71421
Owner:ATLAS-TLT .Group:University of Illinois Liberal Arts and Sciences
Created:2017-03-06 15:46 CSTUpdated:2018-10-31 12:20 CST
Sites:University of Illinois Liberal Arts and Sciences
Feedback:  0   0