Design Center Pro


 





Create Video Banners: Upload a Video

Who can use this feature?

System_Admin.png Slash.png Owner.png Slash.png Publisher.png


Overview

This article will show you how to create a video banner, with the option to upload a video from your computer.

Important Note

  • This module may incur an additional cost, please contact your Account Manager for more information.

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 upload (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 > Design Center
    design_center.png
  2. Select Theme Manager
    Theme_Manager.png
  3. Select Actions in the top-right corner
    Actions.png
  4. Select Copy Theme
    Copy_Theme.png
  5. Select a theme
    theme.png
  6. Create a Theme Name
    insert_theme_name.png
  7. Click Save As Copy
    save_as_copy.png
  8. Click on the banner you wish to turn into a video banner
    select_banner.png
  9. Navigate to the Options tab
    options.png
  10. Change the Mode to Video
    video_mode.png
  11. Change the Video Source to Uploaded
    video_source.png
  12. Check the Mute Sound button if you do not want the video to play sound
    mute_sound.png
  13. Navigate to the Video tab
    video_tab.png
  14. Click Upload Video
    upload_video.png
  15. Find and Open a video file from your computer
    open.png
  16. Click Choose Image if you wish to display a different image than the first frame
    choose_image.png
    • Note: If a browser or device does not support video play or your video file, the Poster Image will display in place of the video.
  17. Click X
    X.png
  18. Click Save Changes
    save_changes.png



I'd Like to Request an Enhancement

0 out of 1 found this helpful

Updated:
Follow

Article Feedback

  • Avatar
    Kate Dornes

    I've been told that this is out dated - size, and where the videos are hosted is not clear.