Youtube Component

YouTube Component

When working within the Content Parsys all web components must first be placed inside of a Section Component

The YouTube component lets you easily embed YouTube videos onto your webpage without needing to adjust the size manually. The component automatically optimizes how the video is displayed based on the viewer’s device, making it mobile-friendly and accessible.

Usage

Share a welcome message from a department chair or program director
Highlight student experiences or alumni stories
Promote upcoming events or past event recaps

How to Add the Component

Click within a section component to insert new components.

Click the + icon
Choose YouTube Component HTL

arrow pointing to the + icon on the component menu and another arrow pointing to the YouTube Component HTL on the insert new component menu

How to Configure the Component

To start using the component, click anywhere on the component and a menu will appear.
Click the wrench icon to enter configure mode.

screenshot of the configure toolbar with an arrow pointing to the wrench icon.

Configuration fields of the YouTube component. YouTube Video ID, Video Width, Video Height, ID and CSS Class.

Working within the Component

There is only one main setting in the YouTube Component. We recommend that you leave all other fields blank.

Find the YouTube Video ID
While watching a video you can look at your browser address bar to find the ID. It will be listed after "/watch?v="

A web browser address bar showing a YouTube URL, highlighting where to find the ID. It is located after the v=.

Enter the YouTube Video ID in the first field.
Click the check mark to save your changes and close the window. To cancel without saving, click the X.

Configuration fields of the YouTube component. Example ID of jIjiOzWCaRo is shown in the YouTube Video ID field and the Check mark is highlighted showing how to save changes.