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 Customer Success Manager for more information. If you do not have Design Center, you can also create a video banner through the Layout tab on a page.

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 10 MB
  • Utilize compression as effectively as possible prior to uploading (we recommend using a program such as Clipchamp or HandBrake)
• The length of the 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
   
   
2. Select Theme Manager
   
3. Select Actions in the top-right corner
   
4. Select Copy Theme
   
5. Select a Theme
   
6. Create a Theme Name
   
7. Click Save As Copy
   
8. Click on the banner you wish to turn into a video banner
   
9. Navigate to the Options tab
   
10. Change the Mode to Video
    
11. Change the Video Source to Uploaded
    
12. Check the Mute Sound button if you do not want the video to play sound
    
13. Navigate to the Video tab
    
14. Click Upload Video
    
15. Find and Open a video file from your computer
    
16. Click Choose Image if you wish to display a different image than the first frame
    
    
    • 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
    
    
18. Click Save Changes