Jump the navigation

Video Body

A component for embedding a video on a page, currently only works with YouTube or Vimeo videos. This component can be used in two different ways:

  • As a standalone component to add a video to a page. It adds an embedded video that plays within the embedded element.
  • As a subcomponent within a Video Gallery Component.

Fields

Title (Required): Title of the video. Even if you don't want a title to display this is required because if the video opens in a modal window, that modal window needs a title for accessibility.

Hide Title: Hide the title so it's only used for accessibility. Note the title is always displayed in video galleries

Screenshot: (Only used in a video gallery) For YouTube videos, the screenshot is automatically grabbed from YouTube. Uploading a screenshot here will override that. Video videos depend on this to have a screenshot in a gallery.

Dimensions: Specify the dimensions of the video if you are embedding the video directly onto a body copy page or placing it within a modal directly on a body copy page: width, height - Example: 560,315

  • For embedded videos, this sets the dimensions for the embedded player.
  • For modal videos, this sets the dimensions for the modal window, but not the screenshot.
  • For video links it doesn't do anything.

YouTube URL: You can copy the YouTube URL and paste it into the field to create the link to the video.

Video ID: You can copy the Vimeo URL and paste it into the field to create the link to the video.

Caption: (Only for stand-alone components) A short description of the video.

Custom ID: For adding a custom ID to the component.

Custom Class: For adding custom classes to the component.

Component Width: (Only for stand-alone components) The width of the component (half/full) (see special fields section at the bottom of this document)


beaker duck hiker icon-a-to-z icon-arrow-circle-down icon-arrow-circle-up icon-arrow-down icon-arrow-left icon-arrow-right icon-arrow-up icon-calendar-no-circle icon-calendar icon-camera icon-clock icon-cv icon-dot icon-down-triangle icon-email-circle icon-email icon-external-link icon-facebook icon-flickr icon-generic-blog icon-google-plus icon-home icon-instagram icon-library icon-link-circle icon-link-inverted icon-linkedin icon-lock icon-magazine icon-map-pin icon-map2 icon-menu-hamburger icon-menu-mobile-a icon-menu-mobile-b icon-menu-x icon-mywhitman-cog icon-news icon-phone icon-pinterest icon-play icon-quote icon-search-a icon-search-b icon-search-mobile-a icon-search-mobile-b icon-share icon-snail-mail icon-tumblr icon-twitter icon-vimeo icon-youtube logo-whitman-nc-flat logo-whitman-nc-stacked logo-whitman-no-clocktower slider-category-arrow-2px slider-category-arrow-no-line slider-category-arrow-solid slider-category-arrow slider-category-line-2px slider-category-line-solid slider-category-line tc_icon-filmstrip-fl tc_icon-filmstrip-ln tc_icon-play-fl-closed tc_icon-play-fl-open tc_icon-play-ln-closed tc_icon-play-ln-open wifi