Embed a Video in Moodle

Overview

This page gives you instructions for embedding a video in your Moodle course from either YouTube or theBox. You can do this wherever the Moodle text editing box displays in the course.

When you embed a video in Moodle, it is still stored on the video hosting site (e.g. on YouTube or theBox), but you can view it directly in Moodle.

Students can also embed videos in forums they post to in Moodle. If you expect that they will do this, in your forum introduction include a link to the student instructions for video embedding.

Guide

-

Step by step instructions

Embed a video from theBox.

theBox is UNSW's Media Management Tool. View instructions on how to use theBox to upload and share videos in your Moodle course.

 

Embed media directly from your device.

You can use the hardware on your device to record and embed media wherever the text editing box is available for entering content.

  1. Within the text editing box, select the Insert Moodle media icon icon

    Moodle Media icon
     
  2. In the Insert/edit image window, select Find or upload a sound, video or applet.

    Find or upload a sound, video or applet
     
  3. In the File picker, select theBox.

    Select theBox

     
  4. You will then be presented with the options available on your device, in this case we have Camcorder and Voice Recorder available. Please note that while Camera is listed you will not be able to embed still images with the Moodle media tool. To embed still images from your camera, use the insert/edit image tool.

    camcorder

 

Upload a YouTube video (quick method)

This is the most straightforward method of inserting a YouTube video in a course, but you cannot resize the video once it is uploaded.

  1. Locate the relevant video on the YouTube website, and copy its URL.

    Youtube
  1. In the text editor of the page where you want to embed the video, highlight the link text and click the link icon.

    Add/edit link
  1. In the Insert/edit link window, paste the URL into the Link URL field and click Insert. The text will display in the text editor as link text. Click Save Changes. 

    Paste link
  1. The video will be displayed in the chosen location.


 

If you do not want Moodle generating a video preview when using this method, you can edit the YouTube URL to include 'embed=no&' after the question mark.

E.g. https://www.youtube.com/watch?embed=no&v=-UdN0Nzabs8&feature=youtu.be

You can then use the above-customised URL in Moodle and a video preview will not be generated.

Embed a YouTube video (flexible method)

Teachers or students can use the following method:

  1. Go to the YouTube page for the relevant video. Below the video frame, click Share. 

    Share
  1. Options for sharing will display. Click Embed. An embed code box displays, with some options below it.

    Embed
  1. If the standard embed size of 560 x 315 pixels is suitable for your course purposes then go to step 4 below. Otherwise, change the numbers corresponding to "width" and "height" (make sure to leave the double quotation marks around the numbers.
  1. Select all the code in the embed code box and Copy it.

    Copy
     
  2. In Moodle, in the text editor, click the Edit HTML Source icon. 

    HTML source editor
  1. In the HTML Source Editor, click where you want the video to display, and Paste in the embed code.

    Paste inside html source editor
  1. Click Update and then Click Save.

 

Resize an embedded YouTube video

You can resize a YouTube video that you have embedded in a Moodle course by following these instructions:

  1. In the text editor, click the Edit HTML Source icon.
  2. In the HTML Source Editor window, locate the HTML tags for width and height. The numbers accompanying these tags indicate the current pixel width and height of the video. Change these numbers to suit the size you want, being careful to maintain the aspect ratio so that the video does not become distorted.
  3. Click Update.
  4. Check that your video displays at the correct size.

Additional information