Video Banner Block

What is a content block? Content blocks are pre-designed components that allow you to display and customize content on your website. The YaleSites platform offers a variety of blocks to meet different content needs.

View All Blocks

Add a YouTube or Vimeo video with banner-style prominence

video banner image

The Video Banner block transforms your video content into a compelling visual statement. Perfect for featuring welcome messages, event highlights, or showcasing your program in action, this block gives your video the attention it deserves.

Video Banner Block Example

Design options

Contained Width

Your video stays within the main content container, creating a more intimate viewing experience. This option works well when the video is part of a longer content flow.

Best for: Testimonials, interviews, or videos that support surrounding text content

Full Width

Your video spans the maximum banner width, creating a cinematic presentation similar to the Grand Hero block. This option makes a bold visual statement.

Best for: Welcome messages, program showcases, or videos that serve as the main page focus

Best practices

Keep it accessible

  • Add captions to all videos before uploading to YouTube or Vimeo
  • Include video transcripts on your page when possible
  • Ensure your video has clear audio and good lighting

Optimize for engagement

  • Start with your most compelling content in the first 10 seconds
  • Include a clear next step after viewers watch your video
  • Test your video on mobile devices—many users will view on smaller screens

Strategic placement

  • Place Video Banner blocks early on your page for maximum impact
  • Avoid using multiple Video Banner blocks on the same page
  • Consider your page loading time—videos can impact performance

Building With Blocks

This resource will help you understand the Blocks available and how to use them to make your content shine.

View This Resource