Topics Map > Learn@Illinois

Learn@Illinois Moodle - Embedding Videos Using Code

Learn 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

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 an embed code will begin with "<iframe>".

In 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.
    Share tab
  4. Click Embed.
    Embed
  5. 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.

In YouTube

  1. Open the YouTube video you would like to embed.
  2. Click Share.
    yOUTUBE SHARE
  3. Click Embed.
     Youtube embed
  4. Highlight the embed code and copy the text using the keyboard shortcut CMD/CTRL + C. Now embed the code in the Moodle Text Editor.
    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.
    Highlight and copy link

In Vimeo

  1. Navigate to the video you would like to embed.
  2. Click on the share button.
    vimeo
  3. 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. Click on the activity/resource in which you would like to add an embedded video (most commonly in a Quiz activity or a Page resource).
    Click on the activity/resource
  2. Click the Questions tab.
    Click on Questions tab

  3. For quizzes only, click on the question that you would like to embed a video in. If you are embedding a video in a different activity/resource, ignore this step.
    Click on the question you want to edit
  4. If your editing tools are not already expanded, click the Toolbar Toggle button. (Highlighted in yellow)
    Toggle Toolbar Button
  5. You will need to insert the code into the HTML. To access the HTML, click the Edit HTML source button.
    HTML Button
  6. Paste the embed code here and save changes.

Related Topics

Moodle.org Documentation



Keywordstext editor, embedding video, YouTube, coding, boost   Doc ID71421
OwnerATLAS-TLTGroupUniversity of Illinois LAS
Created2017-03-06 16:46:28Updated2023-03-10 12:48:57
SitesUniversity of Illinois Liberal Arts and Sciences
Feedback  0   0