Follow

How do I embed audio, video, and other content in my courses?

You can embed all kinds of content in your course lessons and tests. This tutorial explains your options. If you're interested to read more, this blog post describes some of what happens behind the scenes.

There are three basic ways to embed other content in your courses:

  • Upload a media file and use the embed code to include it in lessons and tests.
  • Paste a URL from one of the auto-embed services to include it in a lesson or discussion.
  • Use the HTML editor in a lesson to embed content using an iframe.

How to use uploaded media files

First things first: you need to upload your files!

You can do so in two places: on the course Info tab or in a course Lesson.

  1. Click add files.
  2. Search for files on your computer to upload, or drag and drop them into the file upload area. You can upload as many files as you wish at a time.
  3. You can also import files from another course. Select the course and term, then check the files you'd like to import.
  4. Once your files are uploaded, the upload bar will turn green. Click Done when your files are uploaded.

Using your files

Now that your files are uploaded, there are a few things you can do with them.

 

Preview

Click to open the file preview, which lets you view or play the file in a pop-up window right in Populi.

 

Embed...

Every media file (audio, video, image) has an embed code that you can use to include it in lessons and tests.

  1. Click the file name.
  2. Copy the embed code. Make sure you get the entire thing!
  3. Click X or Save to close the Edit File dialog.

 

...in a lesson

When editing Lesson content, just paste the Embed Link right in the content editor.


 

...in a test

You can also paste it in a Test—either in a text block or in a question. To see how it looks, click the Test's Preview tab.

 

Auto-embeds

Auto-embeds work simply by pasting the content's URL right in the text of the post or lesson. This works with:

Here's how to embed that content in your courses:

Step 1: Copy the URL of the media you want to include from one of those services.

Step 2: Paste it into the news or lesson editor.

Step 3: As soon as you save what you're working on, the content is now embedded in your post or lesson.

iframes

An inline frame—or iframe—is a way to embed one web page within another. In general, iframes don't work in Populi—done poorly, they present a security risk. However, Populi does allow iframes with content from certain "whitelisted" sites:

Here's how to embed content using an iframe:

Step 1: Grab the embed code. Different services have different ways of doing this. Some, like Spotify, require a paid account to get the embed code. Whatever you do, make sure you get the embed code, and not some sort of "share this" link!

Step 2: Open the HTML source editor in your lesson.

Step 3: Paste the embed code directly into the HTML source editor and click Update.

You'll see the embedded content right in the news/lesson editor—and, of course, in the finished product when you click Save.

Was this article helpful?
7 out of 7 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.