Video

BetterUp's video module is a simple module for including a video in your content.

Things to note:

  • Text will always appear on the left side of this module.
  • Videos do not autoplay on mobile. This is a browser restriction, and unfortunately not a feature we can bypass.
  • Choose text sizes that fit within the module. Videos will appear at 600px in height on smaller desktops, and 800px on larger ones. If your content doesn't appear to fit in the module, choose a smaller heading and description size.

Fields

  • Background Image
    Background Image (REQUIRED)

    The video module only supports a background image.

  • Add a video preview
    Add video preview

    Check this to add a moving video preview to your module. This video will play muted in the background on desktop. As videos cannot autoplay on mobile, the background image will always be shown on mobile.

  • Video preview
    Video preview

    Select a file for your video preview. This video preview file should be an mp4 uploaded to the HubSpot file manager, and be fairly short. A longer clip is detrimental to the load time of your page.

  • Module Spacing
    Module spacing
  • Section Width
    Section Width
  • Content Width
    Content Width
  • Text Content
    Text content dropdown

    Holds all the fields for adding text content to your module.

  • Text color
    Text color

    In the text content dropdown. Choose the text color for your module.

  • Eyebrow
    Eyebrow

    In the Text Content & Quote Content dropdown. Add an eyebrow to your module. The eyebrow will be in all caps, and be smaller text above the heading. Note that eyebrows should be short - just a few words, and not a full sentence.

  • Heading
    Heading

    See heading.

  • Description
    Description

    Body copy for your video.

  • Description Size
    Description Size

    Choose how large the description content should be.

    Options are:

    • Small
    • Normal
    • Large
  • Configure CTAs
    Configure CTAs

    See CTA.

  • Video CTA Dropdown
    Video CTA

    It's recommended you add a Video CTA to this module to trigger the video playing. See video CTA for options.

  • Anchor
    Add an anchor

    See Anchor.

Examples

  • Each example has a description of the fields used underneath it.

Your company grows when your people do

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus euismod dignissim efficitur.

 

Fields used:

  • Video preview added
  • Module spacing - defaults. Normal top & bottom padding, no margins
  • Section width - Full bleed
  • Content width - Normal
  • Heading - H2 style
  • Description size - normal
  • Primary CTA added
  • Video CTA - light

 

Fields used:

  • No video preview added
  • Module spacing - defaults. Normal top & bottom padding, no margins
  • Section width - Full width
  • Content width - Normal
  • No heading or description
  • Video CTA - light