Page Content Sections - Hero Video Section

The Hero Video Section embeds a YouTube or Vimeo video in a wide 16:9 area on a page. Videos are embedded from the hosting platform — they aren't uploaded into Clubistry.

On Landing pages, the video can span full browser width. On Default pages, it fills the main content column. This section doesn't include its own headline or text — add a Simple Text Section nearby if the video needs context.

Adding one to a page

  1. Open the page you want to edit.
  2. In Page Content, click Add new section and choose Hero Video Section.
  3. Enter a Section Title (internal only).
  4. Choose a Background Color if you want visible background around the video.
  5. Turn on Inset Video on Background if you want the video to sit inside a padded section rather than stretching edge to edge.
  6. Enter either a YouTube Video ID (the part after v= in the URL) or a Vimeo Video ID (the numeric ID from the URL). Use only one.
  7. Make sure Active is on.
  8. Save the page and review it on the website.

Important details

  • If both video fields are filled in, YouTube takes priority.
  • If neither field is filled in, the section renders an empty video area.
  • Player controls and playback come from YouTube or Vimeo.
  • Make sure the video allows embedding on external websites.

Tips

  • Use only one video platform per section.
  • Test the video on the actual page after saving.
  • Use captions or subtitles when available.
  • The inset option works well when you want the background color visible around the video.

Related topics

« Return to DOCUMENTATION