Playing

How It Works

This section demonstrates how the video background responds to scrolling. As you scroll down and the video section becomes visible, the video automatically starts playing. When you scroll up and the video leaves the viewport, it pauses and resets to the beginning.

Visibility Detection

Uses Intersection Observer API to detect when the video section is visible on screen.

Fully Responsive

Adapts to all screen sizes from mobile to desktop with optimized controls.

Smart Playback

Intelligently plays when visible, pauses and resets when scrolled away.

Scroll back up to see the video pause

This extra space allows you to scroll past the video section and see how the video playback automatically pauses and resets when it's no longer visible in the viewport.

Scroll to Explore

Motorized Curtain Automation

Your curtains move with your lifestyle.

14:30
📶 🔋

Curtain Control

Syncing with Video
5.0s
🔄 Auto Syncing
📊 CURTAIN POSITION
100 %
Open Closed

Video Sync Controls

Animation Speed
0.5x 1.0x 2.0x
🎬 Video Time: 0.0s
🎪 Curtain Position: 100%
Remaining: 5.0s
Device: Smart Curtain v2.0
Status: Connected
Sync: Perfect Sync

Smart Curtain Demo

5-second automated curtain closing sequence

Time: 0.0s / 5.0s
📡 Live Sync with Mobile
🎯 5.0s Precision Timing
Home Theater

Where sound, vision, and comfort come together to create true cinematic immersion at home.