Adding background videos to your website can enhance visual appeal and engage visitors. Here's how to do it effectively:

Video Requirements:

• Length: Maximum 60 seconds for uploaded videos (no limit for embedded)
• Resolution: 1080p recommended
• Frame rate: 60 fps ideal
• Bitrate: Minimum 3 Mbps
• Aspect ratio: 16:9 (horizontal/landscape)
• Limit: Two background videos per page maximum

Adding Background Videos in Version 7.1:

1. Prepare your video:

• Upload directly to your site, or
• Host on YouTube/Vimeo (set to public/unlisted)
• Ensure video meets platform requirements

2. Add the video:

• Open page editor
• Click section pencil icon
• Select Background > Video
• Choose video source (upload, library, or URL)
• Adjust settings (width, filter, playback speed)
• Add mobile fallback image

Key Design Tips:

• Keep movement minimal to ensure smooth playback
• Center main subjects with space around edges
• Avoid quick cuts or excessive panning
• Use darker videos with light text (or vice versa)
• Consider load times and mobile performance
• Avoid flashing content (less than 3 times per second)

Mobile Considerations:

• Always add a fallback image
• Videos may not display on power-saving mode
• Loading speed depends on internet connection
• Resolution adjusts based on device/connection

Platform-Specific Notes:

YouTube:

• Disable overlay ads
• Pre-roll ads won't play
• Brief YouTube branding may show while loading

Vimeo:

• Requires paid subscription
• HD not available for cover pages/banners

To remove background videos:

1. Click Edit > Section pencil icon
2. Select Background > Image
3. Save changes

This setup ensures optimal performance while maintaining visual impact across all devices.

Related Articles

Previous Articles