Embedding Videos on Moodle

If you want to include (embed) a video into your Moodle activities, for example a page, book or quiz question, we recommend you embed it.

Third party videos

If you don’t own the video you want to embed, you will need to embed it through the means they provide you.

A note on accessibility: ideally the videos you link to should have subtitles or captions. If not, consider summarising the main ideas for students who cannot access the video.

If you are using a YouTube or Vimeo video, the quickest and easiest way to embed them into your content is by copying and pasting its link.

Copy the url link to the YouTube or Vimeo video.

In your Moodle content, press enter to create a new paragraph and paste the URL.

Press enter to create a new paragraph and continue writing.

Your video will display within your written text.

 

If you want the video to display in a larger format, please see the embedding options below.

Embedding

YouTube

Step 1. Get the embed code

Hover over the video and click on the share button.

 

This will open the sharing options. Click on Embed.

 

In the embed options, you can:

Start at: at what point it starts playing,

Show player controls: always leave it selected.

Click Copy.

 

Step 2. Add the embed code to Moodle

Go back to Moodle and the activity you were preparing. On the editor’s navigation bar, click on the HTML button.

 

This will display the HTML code of your text. Locate the paragraph that will precede the video and press enter to start a new line. You will recognise the end of the paragraph by the closing tag </p>.

In this new line, paste the copied embedded code.

In the editor’s navigation bar, click on the HTML button again and continue writing under the video.

When done, scroll down and click Save and return to course as normal.

Your video will display within your written text.

Vimeo

Step 1. Get the embed code

Hover over the video and click on the share icon shaped like a paper plane.

This will open the sharing options. Click on More options and make sure you select the following:

Size: responsive.

Special stuff: uncheck all options.

For accessibility best practice, don’t select ‘Autoplay this video’.

Click on the embed code to select it and copy it (press Ctrl and ‘C’).

Step 2. Add the embed code to Moodle

Go back to Moodle and the activity you were preparing. On the editor’s navigation bar, click on the HTML button.

This will display the HTML code of your text. Locate the paragraph that will precede the video and press enter to start a new line. You will recognise the end of the paragraph by the closing tag </p>.

In this new line, paste the copied embedded code.

If you want to add more text after the video, copy and paste the following code in a new line: <p>Continue writing here.</p>

In the editor’s navigation bar, click on the HTML button again and continue writing under the video.

When done, scroll down and click Save and return to course as normal.

Your video will display within your written text.

Other platforms

If you are embedding a video from another platform, copy the embed code and follow the instructions for YouTube videos as from step 2.

You will usually find any embedding options by clicking on a ‘Share’ button.

No embed option is available.

If no embedding option is available, you will need to add a link to the video in your text instead.

Important: don’t download third-party content to then upload it unto Echo360 or Moodle – this is in breach of copyright law, even if you’ve paid a license for software to download videos.

Please make sure you use a meaningful link. For example: “ Watch the 1995 Microsoft Windows 95 Video Guide.”

YouTube and Vimeo links will display as videos, not links. See Using links – YouTube and Vimeo.

Your own video or a video you own

If you want to embed videos you have made or own, do so through Echo360.

You will need to:

Step 1: prepare the transcript

1.1 Add the transcript as a file

Add the transcript to your course as a hidden file. See our guide on adding files.

In Common module settings, select ‘Hide on course page’.

Scroll down and click on Save and display.

Right-click on the link to the file and copy it; you will need this link later.

Step 2: embedding the video

There are two ways to embed a video on Moodle activities with Echo360:

  • Using the Echo360 plugin

  • Using Echo360’s embedding code

Moodle editor and Echo360 plugin

Please make sure you have uploaded your video unto your Echo360 library.

2.1 Insert the video

When you are adding the textual content to your activity, i f you have been writing, press enter to create a new line.

On the editor’s navigation bar, click on the Echo360 plugging button.

This will open your Echo360 library. Search for the video you want to include.

Click on the relevant video and click Next at the bottom right of the pop-up window.

Here you can select:

Size: the size of the video,

Start at: at what point it starts playing,

Autoplay: if you want it to start playing automatically. For accessibility best practice, don’t enable autoplay.

Automute: if you want the video to be muted by default.

Link: if you want to include a link to the video instead of displaying the video itself on Moodle.

Once you are happy with the settings, click Insert at the bottom-right corner of the pop-up window.

You will be taken back to the Insert Media pop-up window. Click on Insert media.

A link will appear on your text editor.

Press enter to create a new line of text and add a line with a link to the transcript.

Write your text. For example: “You can also access the transcript.”

Select the words you want to link and click on the Link button.

Paste the link to the transcript in the Enter a URL box and click on Create link.

Continue writing.  

When done, scroll down and click Save and return to course as normal.

Your video will display within your written text.

Echo360’s embedding code

You can get an iframe code from your Echo360 library to embed your video on Moodle.

Please make sure you have uploaded your video unto your Echo360 library.

2.1 Getting the embed code

When you are ready to embed the video in your Moodle activity, open a new tab and log into Echo360.

Go to your Library using the navigation bar at the top-left of your screen.

Select the relevant video and scroll down to the settings area and select Sharing.

Once there, scroll down until you reach the Links area. Click on Add link.

You will now have a link you can set up for embedding. Here you can select:

Description: you can add a short description if you wish,

Start at: at what point it starts playing,

Public access: this will allow anyone with the link to view the video. Please leave it on so anyone accessing your course can view the video.

Once you are happy with the settings, click on Embed.

In the pop up window you can select:

Size: the size of the video.

Autoplay: if you want it to start playing automatically. For accessibility best practice, don’t enable autoplay.

Automute: if you want the video to be muted by default.

Once you are happy with the settings, click on Copy and Done.

2.2 Adding the embed code to Moodle

Go back to Moodle and the activity you were preparing. On the editor’s navigation bar, click on the HTML button.

This will display the HTML code of your text. Locate the paragraph that will precede the video and press enter to start a new line. You will recognise the end of the paragraph by the closing tag </p>.

In this new line, paste the copied embedded code.

In the editor’s navigation bar, click on the HTML button again and continue writing under the video.

Press enter to create a new line of text and add a line with a link to the transcript.

Write your text. For example: “You can also access the transcript.”

Select the words you want to link and click on the Link button.

Paste the link to the transcript in the Enter a URL box and click on Create link.

Continue writing.

When done, scroll down and click Save and return to course as normal.

Your video will display within your written text.