YouTube Gallery Element

How to insert a YouTube video or gallery of videos in CommonSpot

Overview

This element lets you choose up to five YouTube videos to include in a gallery. The first video and its description shows up for playing by default, and the subsequent videos are listed below.

Each video gallery element must have its own page. Any time you make a change to the gallery, it will be done on this original gallery page.

The gallery can then be either linked to, or embedded on other pages.

There are three options size to embed the YouTube gallery on a page:

Full Layout (Default)

The default layout expands to fill the column width, includes the description for the current video, and subsequent videos in the gallery include titles and descriptions.

Medium Layout

The medium layout has a maximum width, and cuts down on the info provided for the main video and subsequent videos in the gallery.

Small Layout

The small layout shows the thumbnail of the first video, the name of the gallery page, and links back to the full gallery page.

Creating a Video Gallery

Create a Page for This Video Gallery

Each Video Gallery must have its own page, much like Photo Galleries.

  1. Create a page for the gallery. We recommend putting it in your Media folder.

Create the Video Gallery

Insert the Video Gallery Element

Insert a Video Gallery element on your new page (located in the CIN element section).

Paste in Video URL(s)

Next, paste in at least one URL to a YouTube video. The URL must be the shortened format:

  • Yes: https://youtu.be/CbVLsrX_uJw
  • NO: https://www.youtube.com/watch?v=CbVLsrX_uJw
How to Get YouTube URLs

First, go to the YouTube video's page on YouTube.com, and click the "Share" button.

Youtube share button

Next, copy the URL presented to you.

Youtube share url

Submit The Video Element

Click "save" at the bottom of the page once you are done entering video URLs. 

If you're satisfied, publish the element.

Next Steps

Now that your gallery has been created, you can:

  1. Link to it from another page.
  2. Reuse the element on another page.
  3. Include it in a news article.

Was this page helpful?      



Comments are helpful!
500 character limit

Feedback is anonymous.