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.

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 view or in a 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 all of your files are uploaded.

Using your files

  • Click the file name to open the file viewer.
  • Depending on the file type, you'll have a few different options. Longer text documents and PDFS, for example, let you jump to a particular page or heading.
  • Click   on any kind of file to open the actions menu. You can...
    • Download the file to your computer.
    • Rename the file.
    • Grab the embed code so you can embed it elsewhere in your course—see below for details.
    • Manage the visibility of the file.
    • Delete the file.

Embedding a file in a lesson

To embed a file in a lesson:

  1. Copy the embed code for the file (as described above).
  2. Go to the lesson and click Design.
  3. Add a question or add/edit a Content block.
  4. Paste the embed code right into the editor.
  5. After finishing the content block, click Save.

You can see how the file embed will look to your students by clicking View.

Embedding a file in a test

To embed a file in a test:

  1. Copy the embed code for the file.
  2. Go to the lesson and click Design.
  3. Add a question or add/edit a Text block.
  4. Paste the embed code right in the field for the question or text.
  5. After finishing the question/text, click Save.

You can see how the file embed will look to your students by clicking Preview.

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:

  1. Copy the URL of the media you want to include from one of those services.
  2. Paste it into the lesson content editor.
  3. As soon as you save what you're working on, the content is now embedded in your 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:

  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!
  2. Open the HTML source editor in your lesson.
  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.

Whitelisted sites that work in Populi iframes

If you have a site that isn't listed here that you'd like to see added to the whitelist please contact Populi Support.

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

0 Comments

Please sign in to leave a comment.