Skip to main content
Video Scroll

Add a video that plays as the user scrolls

Jørgen Wigum Lurvik avatar
Written by Jørgen Wigum Lurvik
Updated over 3 weeks ago

The Video Scroll feature lets you add a video that plays as users scroll down your webpage. It’s a great way to make your site more engaging and visually dynamic. You can use it as a standalone section or embed it within other sections.

Adding Video Scroll in Vev

How to Add Video Scroll in Vev

  1. Upload a Video

    • You can either upload a video from your device or choose one from Vev’s Video Library by clicking "Select video."

  2. Configure the Video Scroll

    • Select the Video Scroll component and go to the right-side panel to adjust settings.

Configuration Options

  • Offset Video Start: Set when the video starts playing (e.g., 0% = starts when visible, 50% = starts when it reaches the center of the screen).

  • Offset Video End: Set when the video stops playing based on the viewport percentage.

  • Loop Count: Choose how many times the video loops.

  • Loop Alternate Direction: Toggle to alternate the playback direction after each loop.

Limitations

  • Frame Rate: The video scroll generates up to 12 frames per second, with a maximum of 300 frames. For long videos (e.g., 5 hours), this means fewer frames (e.g., one image per minute).

  • Video Length: For best results, use videos at least 25 seconds long.

  • Section Width: The Video Scroll section always covers 100% of the screen width and cannot be resized.

  • File Size: Videos should not exceed 512MB. If your video is larger, compress it or increase playback speed to reduce the file size.

Tips for Optimal Performance

  • Keep videos short and engaging.

  • Compress large videos to ensure smooth playback.

  • Experiment with offset settings to create the best scrolling effect.


The Video Scroll component is a powerful tool for adding interactive, scroll-triggered videos to your website. Use it to create a memorable experience for your visitors!

Did this answer your question?