wordpress-iframe

Embedding web services in your VLE

Table of Contents

Embedding is an easy way to bring content directly into a VLE like Blackboard or Moodle. Rather than them having to follow a link outside the VLE, by embedding the content, it’s visible directly within the VLE itself. The advantage of embedding is that it saves students having to navigate between various tabs or constantly having to press the back button. So for example with Padlet, you could display as a link in your VLE like this:

However, that does require students to leave the VLE to access the content. If you embed though, it can look like this:

Here the content is embedded directly on the VLE page and students can interact with it without leaving the VLE.

Embedding works via a code. The code is usually available via the share button of websites such as YouTube, Padlet or Quizlet. See below for examples of how to find it. All examples are based on  Blackboard, but Moodle and other VLEs work in a similar way.

Finding the embed code on…

YouTube videos

Right click on the video image then select Copy embed code. It will now be copied to your clipboard.

TIP: YouTube playlists can also be embedded, not just single videos.

Padlet

1. Click Share on the Padlet you want to embed.

2. Click Embed in your blog or your website.

3. Copy the large code at the top of the page

Embedding the item in your VLE

**Note: the steps below are for the Blackboard VLE. However, it’s likely that the system for other VLEs such as Moodle and Canvas are likely to be quite similar. 

1. Give your content a name (1) and, if you can’t see the word HTML in your toolbar above the content box, click on the arrow that will expand the toolbar (2).

3 Click HTML. If you don’t see an HTML button, look for a button with this sign on it: </>

4. Copy the embed code into the pop-up box (1) and click Update (2).

5. The content box will now show a container for your content (1). Click Submit (2). 

Your content should now be embedded on the page of your VLE.