A background video can add dynamic visual interest to your website. Follow these steps to add one effectively:

Background Video Requirements:

• Duration: Max 60 seconds for uploaded videos (no limit for embedded)
• Frame rate: 60 fps ideal (especially for slow motion)
• Resolution: 1080p with minimum 3 Mbps bit rate
• Aspect ratio: Horizontal (16:9 recommended)
• Max 2 background videos per page for optimal loading

Key Design Tips:

• Use minimal motion to maintain a uniform background
• Center subjects with space around them to prevent awkward cropping
• Avoid quick cuts or excessive panning
• Adjust font colors to contrast with video
• Use filters to control brightness
• Add a fallback image for mobile devices

Adding a Background Video:

1. Prepare your video:

   • Upload to YouTube/Vimeo (ensure proper privacy settings)
   • Or prepare video file for direct upload

2. Add the video:

   • Navigate to section settings
   • Select Background > Video
   • Choose video source (upload, library, or URL)
   • Adjust playback speed if desired
   • Add mobile fallback image

3. Customize appearance:

   • Select background width (borderless or boxed)
   • Apply filters if desired
   • Adjust overlay colors
   • Set mobile fallback image

Important Notes:

• Videos may not display on mobile devices with slow connections
• Streaming quality depends on hosting service
• Devices in low power mode won't display background videos
• YouTube videos may briefly show logos or icons while loading
• Vimeo requires a paid plan for background videos

Remember to prioritize page load times and ensure your background video enhances rather than distracts from your content.

Related Articles

Previous Articles