Design Center Pro


CivicEngage
®

Create or Modify Video Banners

Guidelines/Recommendations for Video Banners

  • Videos should be kept as small as possible to not slow the site down
    • Videos are limited to no more than 1mb, but ideally should be under 500k
    • Utilize compression as effectively as possible prior to uploading (we recommend using a program such as Clipchamp or HandBrake)
  • Length of video should be 12-30 seconds
  • Videos will be set to Autoplay and will be muted by default; we recommend keeping it this way
  • Files should be mp4 and will play using HTML5 which is supported by most browsers
    • Mobile devices and older browsers will display a static Poster Image instead of a video
  • If any text is placed on top of the video, make sure it is high contrast so that it is accessible for visually impaired users

Instructions

  1. Navigate to Modules > Site Tools
    Modules_SiteTools.png
  2. Select Design Center
    207.png

  3. Select Theme Manager
    208.png
  4. Create a new banner or modify an existing banner
    • Modify Existing Banner
      1. Hover over and select the banner 
        213.png
      2. Go to Options tab
        214.png
      3. Under Mode, select Video
        215.png
    • Create New Banner:
      1. Navigate to Actions
        209.png
      2. In drop-down menu, select Copy Theme
        210.png
      3. Click any of the fields to rename Theme
        211.png
      4. Rename the theme and Save As Copy
        212.png
  5. Select Video tab under Banner Options for video formatting options
    216.png
    • Poster Image: Can select an image to represent the video, otherwise, the first frame of the video will default appear as the image
    • Upload Video: Select this option to upload your video from your computer
    • Note: Banner will save automatically, so just close out of the pop-up window to finish
?



I'd Like to Request an Enhancement

0 out of 0 found this helpful

Updated:
Follow