Video: Click to Play

All Video, All the Time

With Video: Click to Play, your video takes center stage. It's the most striking of several ways you can add video to your pages.

Video: Click to Play displays:

  • a video placeholder image stretched the full width of the page
  • a section header (optional) as small text above the title text
  • title text (recommended) as a Heading 2 above the play button
  • a play button

When the user clicks on the image, the video will open full size in an overlay.

Video: Click to Play can only be added full width.

See "Prepare Your Video" at Videos for steps to take before you add a video using this or any other component. The section includes required steps for preparing captions and adding a placeholder image.

    Video: Click to Play Options

    Section header field which is not required

    The section header is not used often, but you may want to use it to set the stage for the video. The example on this page uses one.

    Video YouTube URL field

    Enter the URL of anĀ unlisted or public YouTube video (e.g. https://youtu.be/crKN_u_lcHA).

    Required image field with browse option

    Enter your placeholder image. This image will display as the background to the component. See "Prepare Your Video" at Videos for details on creating a placeholder video.

    Your alternative text can be the name of the video.

    Title text overlay field

    Enter text enticing the user to watch the video.

    A play button will display below the text.

    the background image loaded for this video click to play
    Video: Click to Play Example (this is a section header)

    What does it mean to be a Grinnellian?

    We use cookies to enable essential services and functionality on our site, enhance your user experience, provide better service through personalized content, collect data on how visitors interact with our site, and enable advertising services.

    To accept the use of cookies and continue on to the site, click "I Agree." For more information about our use of cookies and how to opt out, please refer to our website privacy policy.