Video Carousel with Lightbox Set-Up

Setting up the Video Carousel with Lightbox feature and creating the associated content is a snap.

1. Enable the Video Carousel with Lightbox Feature

A site's Administrator or an Advanced Author must do this part.  To enable the feature, go to Admin menu > Site building > Features, select the Video Carousel with Lightbox feature and click the Save settings button. 

features manager screen with video carousel feature enabled

For more detailed information about Features, please refer to the Features section of this manual.

2. Enable a Video Collection Block

After the feature is enabled, one or more of the four available carousel blocks must be enabled, so go to Admin menu > Site building > Blocks and locate your desired video collection block.  Make any block configurations that you wish to make and then place the block in a desired region.

placing 4-column video display block in full width above the footer region

For more detailed information about block configuration and enabling, please refer to the Blocks section of this manual.

3. Get Some Embed Code

Before creating your video content, you will need to have some video embed code from one or more of the following video services:

  • OSU MediaSpace
  • YouTube
  • Vimeo

Typically, you can retrive the embed code from somewhere around your subject video. 

4. Add Video Content

After your block is enabled and you have some embed code, you just need need to add some content.

  1. Go to Admin menu > Content management > Create content > Video.
  2. Enter a title in the Title field.
  3. Paste your embed code in the Video field.
  4. If you have a custom video thumbnail that you would like to use, you can upload it into the New Upload field. (This option is not shown in the sample.)
  5. Add any text that you desire in the Body field.
  6. Click the Save button.

sample video node submission form

5. Just Like Magic

Immediately after you save your content, a video thumbnail will appear in your carousel block.  Clicking on the thumbnail will open up the lightbox player.

completed video node and thumbnail in block