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. In the upper right corner, click the Actions menu gear.
    Click Actions menu gear
  3. From the drop-down menu, select Edit quiz for quizzes (or select Edit settings for other activities and resources).
    Click Edit quiz for quizzes
  4. 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
  5. If your editing tools are not already expanded, click the Toolbar Toggle button.
    Toolbar toggle button screenshot
  6. 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
  7. Paste the embed code in the "HTML Source editor" and click Update.
    HTML Source Editor

Related Topics

Moodle.org Documentation




Keywords:text editor, embedding video, YouTube, coding, boost   Doc ID:71421
Owner:ATLAS-TLT .Group:University of Illinois Liberal Arts and Sciences
Created:2017-03-06 16:46 CDTUpdated:2019-08-28 08:26 CDT
Sites:University of Illinois Liberal Arts and Sciences
Feedback:  0   0