Faculty Help

ADDING VIDEO

Embed Video into your Moodle Site

NOTE: If the instructions below do not apply to the version of YouTube you are using you may have downloaded the new YouTube beta theme. To remove this theme click on the green circle at the top right of your YouTube site and in the dropdown list choose Restore old YouTube.


STEP 1

Get embed code from YouTube

  • Browse to the YouTube video you wish to embed
  • Click on the Share button located directly beneath the video
  • You should now see a form field that contains a link to the video - beneath this you should see the Embed button
  • Click the Embed button
  • Under the Embed button is a form field that contains some code. Click on that code and copy it.
  • If you want to start the video someplace other than the beginning you can check the Start at: box and enter a time you wish to start the video.
  • If you want to resize the video cllck Share, Embed and then SHOW MORE.
  • In the Video size: drop down choose Custom size and enter either the height or width (it will update the other value automatically) and click Enter.
  • Or choose one of the default sizes from the Video size: dropdown box.
  • Copy the highlighted embed code above that will now be updated with the new size.

Get embed code from Vimeo

  • Browse to the Vimeo video you wish to embed
  • Click on the Share icon or button located directly beneath the video. (paper airplane)
  • On the Share this video pop up window click in the area under Embed to highlight and copy the embed code.
  • If you want to resize the video click on +Show options.
  • Next to Size: change either of the height or width boxes and the other will update automatically.
  • Change other settings as desired.
  • Copy the highlighted embed code above that will now be updated with the new size.

STEP 2 - Paste embed code into a Moodle web page (this applies to YouTube and Vimeo)

  • Open your Moodle site and turn your editing on
  • Click the Add an Activity or Resource link and add a Page
  • Enter a name for your Page (e.g. use the title of your video if it is featured on the page)
  • Scroll down to the heading Page content
  • Click on the Edit HTML source icon (double angle brackets on bottom row of editor ribbon)
  • Paste the code you copied from Step 1
  • Scroll down to the bottom and click Save and return to course.

Embed your video on your Moodle course home page

  • Open your Moodle site and turn your editing on
  • Click the Add an Activity or Resource link and add a Label (under Resources)
  • In the Label text editor click on the Edit HTML source icon (double angle brackets on bottom row of editor ribbon)
  • Paste the embed code into the field and click the Update button at bottom
  • Scroll down to the bottom and click Save and return to course.
  • Make sure you have resized the video so that it is small enough to fit into the middle column of your course page (see above).