New Inspiro AI Demo Generator — can't find the perfect demo? Describe your website and AI builds a custom one in about 2 minutes. Learn more →

Knowledge Base

Documentation

Theme Documentation



Plugin Documentation



Resources

Reel – Video Background on Hover

This article refers to Reel

In Reel you can set a short video to play automatically when hovering over a portfolio item in a gallery — a moving preview of each project.


Table of Contents

  1. Enabling the feature
  2. Option A: a self-hosted MP4 clip
  3. Option B: trim a clip from a URL
  4. Tips & requirements

Enabling the feature

First make sure the feature is enabled where your portfolio is displayed:

  • WPZOOM → Theme Options → Homepage → Portfolio Page → Background Video — for the portfolio page templates.
  • Using the Portfolio widget in Elementor? The widget has its own Background Video setting — including an option to play all videos automatically, not just on hover.

Then add the clip per portfolio post: edit the post and open the Video Background on Hover tab in the Video Settings metabox:

The Video Background on Hover tab

There are two ways to add the clip:


Option A: a self-hosted MP4 clip

  1. Select MP4 as the video source.
  2. Click Upload Video to pick a clip from the Media Library, or paste a direct URL into the MP4 Video URL field.
  3. Update the post.

We recommend a small, low-quality file (2–5 MB) with H.264 encoding, at 720p (1280×720px) or smaller — the clip loads on gallery pages, so keep it light. Since Reel 3.1.5 you don’t even need an external tool: the built-in trimmer can cut the clip for you (see Option B, which also accepts direct .mp4 links), or use Ezgif or similar to cut and resize manually.


Option B: trim a clip from a URL

Don’t have a separate clip? Let Reel make one for you:

  1. Select MP4 / YouTube / Vimeo — Trim Video from URL as the video source.
  2. Paste a YouTube, Vimeo, or direct .mp4 link.
  3. Pick the start time and duration, preview the clip, and click Insert Video — WPZOOM’s trimming service processes it, saves an optimized MP4, and attaches it to the post.

A few limits of the trimming service:

  • It requires an active theme license.
  • The source video must be public and reasonably short (up to ~30 minutes; the trimmed clip itself should be just a few seconds).
  • Vimeo sources must have Download enabled — otherwise the service can’t access the file (how to enable downloads).

Tips & requirements

  • Hover previews always play muted — browsers require it for autoplaying video.
  • The hover clip is separate from the post’s main video: a short teaser on hover, the full video in the Video Lightbox or on the single post.
  • Need a poster for a self-hosted clip? Use the Capture Frame tool.

See also:

Last updated on August 29, 2026