Add video

You can embed videos and add transcripts for users to read. You can add any video that generates embed code such as:

  • YouTube videos
  • Vimeo videos

IMPORTANT:

  • this page discusses adding videos contextually to a page. See video library if a library of videos is needed.
     
  • a video pull can be created to display 3 videos horizontally. Videos must be added to the video library for this feature

  • Select Add Video when entering content.

    interface for adding video

  • Find the video embed code for your video.

    NOTE: Vimeo embed links may contain code past what is needed to properly display the video. Make sure only to copy the string of text beginning with <iframe> and ending with </iframe>. Discard any additional text past the </iframe>

    NOTE: YouTube recommends videos at the end of each video played. This can be very annoying if the videos are not related to your content. To disable recommended videos add ?rel=0 into the embed string. 

    Example YouTube embed code, which will display recommended videos:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/V07M1BygoQc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

    Example YouTube embed code, which will NOT display recommended videos:

    <iframe width="560" height="315" src="https://www.youtube.com/embed/V07M1BygoQc?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

  • Delete extraneous text from YouTube embed code

    IMPORTANT: As of mid-2022, YouTube has expanded its embed code so it no longer fits into the embed field if pasted directly. Pasting embed code directly from YouTube now corrupts your page!

    For the embed code to fit into the field (and not corrupt your page), you must delete the extraneous information YouTube added into the code.

    Here's what you do:

    Example full embed code from YouTube:

    • <iframe width="560" height="315" src="https://www.youtube.com/embed/1Qk8YX9_6wA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

     

    The bolded text needs to be deleted prior to pasting the code into the embed field. The revised embed code now becomes:

     

    This revised embed code fits without any issue into the embed field and you're good to go!

  • [Optional] Enter a caption for the video. This will appear under the video.

  • [Optional] Enter a transcript for the video.

    The transcript will appear directly under the video in a collapsable field. 

    NOTE: Transcripts greatly enhances both usability and accessibility and is highly recommended.

    interface for entering embed code, caption and transcript