Learn@Illinois Moodle - Embedding Videos 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>".

Illinois Media Space

  1. Log in to https://mediaspace.illinois.edu/
  2. Click on the video that you would like to share.
  3. Scroll down and click the Share tab. Then, click Embed.
    Click Share and Embed
  4. The embed code will already be highlighted. Copy the text using the keyboard shortcut CMD/CTRL + C. Now embed the code in the Moodle Text Editor.

YouTube Example

  1. Click the Share button.
  2. Click the Embed tab. 
  3. The embed code will already be highlighted. Copy the text using the keyboard shortcut CMD/CTRL + C. Now embed the code in the Moodle Text Editor.Copy embed code screenshot
  4. 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.
    vimeo
  2. Copy the text using the keyboard shortcut CMD/CTRL + C. Now embed the code in the Moodle Text Editor
    Note: By clicking "+ Show options" above the Embed text box, 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 16:46 CDTUpdated:2019-04-08 10:03 CDT
Sites:University of Illinois Liberal Arts and Sciences
Feedback:  0   0