Enhance your website's visual appeal by adding background videos that play silently and automatically behind your content. Here's how to implement them effectively:

Key Requirements:

• Resolution: 1080p minimum with 3+ Mbps bit rate
• Duration: 40 seconds or less (60-second maximum for uploads)
• Frame rate: 60 FPS recommended
• Format: Horizontal aspect ratio (16:9) preferred
• Limit: Maximum 2 background videos per page

Video Source Options:

• Upload directly (version 7.1)
• YouTube links
• Vimeo links (paid account required)

Adding Background Videos:

1. Prepare Your Video:

• For upload: Ensure file meets requirements
• For YouTube/Vimeo: Set video to public/unlisted
• Enable embedding
• Copy share URL

2. Add to Your Site:

• Open Pages panel
• Select Edit
• Click section's pencil icon
• Choose Background > Video
• Add video via upload or URL

3. Optimize Settings:

• Select background width (borderless/framed)
• Apply filters if desired
• Adjust playback speed
• Add mobile fallback image

Design Best Practices:

• Center main subjects with padding
• Minimize motion for uniform appearance
• Avoid quick cuts or excessive panning
• Ensure text remains readable
• Consider load times
• Add mobile fallback images

Mobile Considerations:

• Videos may not display on all devices
• Always add fallback images
• Consider connection speeds
• Test across different devices

Remember:

• Streaming quality depends on hosting service
• Videos loop automatically
• Sound is disabled
• Load time varies by connection speed
• Devices in power-saving mode show fallback image

For optimal performance, keep videos short, high-quality, and visually subtle to enhance rather than distract from your content.

Related Articles

Previous Articles