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 Gallery (YouTube) Component

Display a YouTube playlist as a thumbnail grid of playable videos.

Copyright

YouTube aggressively removes videos that do not clearly meet their copyright requirements. Suspect videos may vanish from your website (and channel) without warning. If you produce YouTube videos, be sure to follow their copyright guidelines (more details).

The component as it is first displayed on the page.

The component as it is first displayed on the page.

Videos can be displayed as a gallery using this component, or singly, using the Video Component. The Video Gallery Component will display a previously created YouTube video playlist. The Video Gallery Component does not allow you to create your own YouTube playlist. A playlist must be created in YouTube and imported into the gallery.

Be careful of copyright -- YouTube aggressively removes videos that do not clearly meet copyright restrictions.

Using This Component

Add the component to the page. There is one tab.

Create or find an appropriate playlist on YouTube.

Copy the playlist's ID (16 letters and numbers, such as A2D72B463B04A430) or a YouTube generated URL that contains the playlist ID and paste it into the component box.

The component opened for editing.

The component opened for editing.

Restrictions

  1. The Video Gallery Component will only display a YouTube playlist. Entering the ID or URL of a YouTube video, instead of a playlist, will result in a blank component.
  2. Visitor's browsers must have an up-to-date version of Adobe Flash Player installed to play YouTube videos.
  3. Restrictions placed on YouTube videos apply. For example, if a video is restricted to only play on certain sites, or in certain countries, the visitor may see a picture of the video, but the video will not play.

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:

Master Class Resources:

Related Videos:

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.

Federal law under Section 508 requires all significant elements of a website to be fully accessible, including videos. > Read more

Related Components:

Last Reviewed:

April 24, 2017