Background videos add dynamic visual effects to your website by playing silently and continuously behind your content. Here's how to implement them effectively:

Key Points:

• Videos can be added from YouTube, Vimeo, or uploaded directly (60-second limit for uploads)
• Videos automatically loop and play silently
• Mobile devices show a fallback image if video can't load
• Background videos work best in sections, banners, and landing pages

Best Practices:

• Keep videos under 40 seconds
• Use 1080p resolution with 60fps
• Maintain a 16:9 aspect ratio
• Limit to 2 background videos per page
• Avoid rapid movements or flashing content
• Center important elements in frame
• Consider loading times and mobile performance

Adding a Background Video:

1. Prepare Your Video

• Upload to YouTube/Vimeo or prepare local file
• Ensure video meets technical requirements
• Copy share URL if using external hosting

2. Add to Your Site

• Open page editor
• Select section or area for video
• Click Background > Video
• Choose video source (upload/URL)
• Set playback options and filters

3. Mobile Optimization

• Add fallback image for mobile devices
• Ensure image matches video aesthetic
• Test across different devices

Technical Requirements:

• Resolution: 1080p minimum
• Frame rate: 60fps recommended
• Bit rate: 3+ Mbps
• Duration: Under 60 seconds for uploads
• Format: Landscape (16:9)

Customization Options:

• Adjust playback speed
• Apply visual filters
• Add color overlays
• Set background width (full-bleed/inset)
• Control opacity levels

Remember to test your background video across different devices and connection speeds to ensure optimal performance.

Related Articles

Previous Articles