Background videos add visual impact to your website by playing silently behind your content. Here's how to effectively use them:

Video Requirements:

• Length: Up to 60 seconds for uploaded videos
• Resolution: 1080p with 3Mbps+ bitrate
• Frame rate: 60fps recommended
• Format: Wide aspect ratio (16:9) preferred
• File size: Keep smaller for faster loading

Best Practices:

• Limit to 2 background videos per page
• Minimize camera movement
• Center main subjects to avoid cropping issues
• Avoid abrupt transitions and excessive motion
• Use contrasting text colors for readability
• Apply filters to adjust brightness as needed

Adding Background Videos:

1. Prepare your video:

• Upload to YouTube/Vimeo (make public/unlisted)
• Or prepare a video file meeting requirements

2. Add the video:

• Go to page settings
• Select Background or Banner section
• Choose video source (upload/URL)
• Set playback options and filters

3. Mobile optimization:

• Add a fallback image for mobile devices
• Ensure image matches video aesthetics
• Filters will apply to both video and image

Important Notes:

• Videos may not play on mobile devices with slow connections
• Quality depends on hosting service and viewer's connection
• Background color shows while video loads
• Disable overlay ads for YouTube videos
• Vimeo requires a paid account

Design Elements:

• Choose full-bleed or fitted display
• Apply filters for style consistency
• Adjust playback speed if needed
• Set appropriate color overlays
• Consider accessibility (avoid rapid flashing)

Storage & Management:

• Sites have 30 minutes total video storage
• Delete unused videos to free space
• Disable videos by switching to static images
• Use provided templates for optimal display

Related Articles

Previous Articles