Full Width Video Player
Layout Variant: C017
Content Type: Collection
| Teaser Title | Teaser Text | Pictures and Media | Items | CTAs |
C017 Collection | No | No | No | Yes (video) | No |
Added Video | Yes | Yes | Use the URL to YouTube, BrightCove, YOUKU, or Limelight (deprecated) | -- | No |
Aspect Ratio:
- Image from the video content type: 16:9
Expected Use:
The Full Width Video Player component presents a video that is relevant to some aspect of the page’s subject matter with a descriptive headline. The headline should describe the contents of the video. Upon selection, the video plays inside the component frame. YouTube, Limelight and BrightCove videos are permissible. Note: we are no longer using Limelight as a service provider.
Building the Component:
Nothing is required in the C017 Collection other than the teasable Items (Video) you are using for this component and setting the Layout Variant to C017. The title, body copy and video all come from the teasable Item (your Video) on the Items List. Add a video content type to the "Items" section of your new C017 Collection.
For the Video:
The Video's "Teaser Title" and Teaser Text" will display on the video and will be shown as caption. Your Component should contain the following:
- Teaser Title - The main headline of the overlay text on your video. This is defaulted from the Video Title, but you can have an alternate title by overwriting the default in the Teaser Title.
- Teaser Text - The body copy description of the overlay text on your video. The C017 will use the Video Text if no Teaser Text is entered.
- Pictures and Other Media - This is the still image used on the C017 component. You may use YouTube, BrightCove, YOUKU.
- Video File URL - the format is specific to each service. Note an existing video in use from the chosen service to determine the video URL format required. Examples:
- Brightcove - //players.brightcove.net/2270581185001/default_default/index.html?videoId=3725378080001
- YouTube - //www.youtube.com/embed/mt0VdX0YJac?rel=0&enablejsapi=1&autoplay=1
- YOUKU - https://v.youku.com/v_show/id_XNDMwODY0MzE0NA==.html?spm=a2h0k.11417342.soresults.dtitle
- CTA Label and Teasable Content - The CTA is the visual indicator allows user to play the video and also shows video length is automatic for this component. No specific CTA or text needed to be set for this.