Video Block - Posting Responsive & Compliant Videos

Video Block - Posting Responsive & Compliant Videos

The Video Block provides an easy method of embedding videos from YouTube or Vimeo to a Foxbright website. YouTube and Vimeo offer free accounts where videos can be uploaded. Uploaded videos can be set as private/unlisted in the YouTube/Vimeo settings if they shouldn't appear in search results outside of the Foxbright website.

The Video Block ensures the embedded video is responsive to different window sizes and devices. At this time, Video Blocks are available to Teacher Pages, District Pages, and in the Stories feature.

To make an embedded video ADA compliant, the video should have captions and a transcript file should be provided to visitors. The Audio and Video - Transcripts/Captions article explains how to create these files and provides additional resources for ADA compliant videos. 

Using the Video Block

  1. Add a new block to a page, choose the Video Block type from the Block Type drop-down and click the Change Block button.
  2. Give the video a Title. The title can be hidden or displayed as a heading 2 style above the video. A title is required for each video for ADA compliance whether or not it is displayed.
  3. Choose either YouTube or Vimeo from the Video Source drop-down.
  4. Paste the video URL in the Video Link or Id field.
  5. Ratio - This option creates space for the video embed. Most videos are 16:9, however other ratios can be selected if the video ratio is known.
  6. Orientation - Most videos are landscape.
  7. Autoplay - Will make the video autoplay when the page is visited. This function only works if the video is silent. 
  8. Loop - Will make the video loop once the end is reached. 
  9. Save the block and the video will be added to the webpage.
  10. Once videos are added to the page, they can be drag-and-dropped to other sections of the page to re-arrange.
For best results, particularly for YouTube videos, click the share button on the video and copy the video URL provided by YouTube/Vimeo to use in the Video Block. Occasionally the URL copied from the browser's web address won't populate the video block due to additonal characters in the URL. 



Using a Video for the Banner / Focus Area on a Homepage or Landing Page

Embedded videos can work in the focus area traditionally reserved for photo gallery rotators or images. Most websites have this section locked to a rotator or image block. To unlock this block, contact support@foxbright.com. If the section is unlocked, the block can be changed to the video block. Other block types are not recommended for this area. 

    • Related Articles

    • Managing Blocks on a Page

      Blocks & Sections Pages are built using a variety of blocks, in various sections on the page. Pages use more or less blocks depending how much content they contain or what type of content needs to be displayed. Sections are areas of the page where ...

    • Menu and Navigation Settings

      Page's menu settings affects where pages will show in menus used for website navigation. Due to their level of flexibility, menu settings are complex and can impact other areas of the website. If unsure about what changes to make in a page's menu ...