Loyola Support Documentation

How do I embed a YouTube video on a Lessons Page?

Updated on

A special feature of the Lessons tool allows Instructors to embed a YouTube video on a Lessons page without the need to copy the source code.

First, locate and copy the YouTube video URL (not source code).

Copy the YouTube video's URL
  1. Select the Share button under the clip.
  2. Copy the YouTube URL into the clipboard (Ctrl + C for PC or Command + C for Mac, or select the Copy button).

Select Lessons.

Select the destination Lessons page

Select the Lessons tool in the site Tool Menu.

Note: The default or blank Lessons page contains text and images that explain the basic functionality of the Lessons tool.

Select Add Content.

Select Add Content

Select Add Content from the Actions Menu.

Select Embed Content on the Page.

Select Embed content on the Page

Select Embed Content on the Page from the dialog box.

Select Add new URL.

Select add new URL

Select Add new URL (web link).

Paste the URL.

Paste the YouTube URL into the "or add a URL" field

Paste the YouTube URL copied in the first step into the box marked "Or add a URL or "embed code.""

Select Save.

Select Save

Select Save.

View embedded video on page.

Video displays

The embedded video displays on the Lessons page.

Select Edit to add a description. (Optional)

Select the pencil icon

Select the Edit icon (i.e., the pencil icon) that appears when you hover your cursor over the video to edit the Lessons item.

Add a description and/or adjust the video pixel size.

Edit height and width, add a description, and select Update Item
  1. Optionally, you may change the dimensions of the embedded video player by entering width and height values in pixels.
  2. Enter a description in the Item Description text field.
  3. Select Update Item to save changes.

Tip: Adding an Item Description helps visually impaired users better navigate your course. See Making images more accessible for information about adding an item description to embedded content.

Updated video displays.

Video displays

The embedded video player appears with modified dimensions (if applicable) and the description displayed below the video.