University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

Video Component

Embed a YouTube video in your Related Content Container.

Accessibility Concerns

State and federal rules require all videos to be ADA compliant, with meaningful captions.  > read more on accessible videos

Copyright Concerns

YouTube aggressively removes videos that do not clearly meet copyright restrictions. Suspect videos may vanish without warning. If you produce YouTube videos, be sure to follow their copyright guidelines. > read more about YouTube copyright

Using This Component

The component as it is first displayed on the page.

The component as it is first displayed on the page.

Add the component to an existing Related Content Container. While there appear to be two associated sections, there is only one component, with two tabs.

Related Video Tab

To change the 'Video' text, double-click inside the upper component area.

Headline: Add an optional descriptive title. By default, 'Video' is displayed. This title will be in bold on the published page and appear above the image.

Subheading: Add an optional secondary heading that will appear below the image.   

Video URL: Enter the ID or URL of a YouTube video. (This component ONLY works for YouTube videos.)

 

On the Related Video tab, set the Headline and Subheading to display alongside the video thumbnail.

Also on the Related Video tab, set the Video URL.

On the Text tab, enter text to appear under the video thumbnail.

The component opened for editing showing the Related Video tab.

The component opened for editing showing the Related Video tab.

Text Tab

Use this tab to add additional text, such as a caption or description for the video.

Enter your desired text. Apply any formatting or links using the Rich Text Editor.

Hyperlinks

For hyperlinks, the option is provided to open in new page. When that is selected, an additional icon will follow the linked text, to alert visitors that they will be taken to a new browser window, or even leave the current website. If the hyperlink goes to a downloadable file, an document icon will instead be shown as well as the file size if the file is on the same server. (Read more about link labels.)

The component opened for editing showing the Related Video tab.

The component opened for editing showing the Related Video tab.

Restrictions

  • This component ONLY works for YouTube videos.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See an Example:

Skillful use of visual elements such as photography and video will lift your content to an entirely new and engaging level, one that words can’t achieve alone.

Related Components:

Last Reviewed:

September 22, 2017