Inspiro – Setting Up the Video Background on Hover

In Inspiro you can set a short video to play automatically when hovering over a Portfolio post in a gallery — a moving preview of each project.

There are two ways to add the clip:

• Upload a self-hosted MP4
• Trim a clip from a YouTube, Vimeo, or MP4 URL and let Inspiro create it for you

Table of Contents

1. Where to add the video
2. Option A: a self-hosted MP4 clip
3. Option B: trim a clip from a URL
4. Tips & requirements

Where to add the video

Edit the Portfolio post, scroll to the Video Settings metabox, and open the Video Background on Hover tab:

Pick a video source and fill in the fields described below, then update the post.

Option A: a self-hosted MP4 clip

1. Select MP4 as the video source.
2. Click Upload Video to choose 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 keeping it light matters more than image quality. You can cut or resize an MP4 with Ezgif or a similar online tool — or skip the manual work entirely and use the built-in trimmer below, which also accepts direct .mp4 links.

Need a poster frame for your clip? Use the Capture Frame tool to grab one straight from the video.

Option B: trim a clip from a URL

Don’t have a short clip ready? Inspiro can create 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. Choose the start time and duration, preview the clip, and optionally remove black bars.
4. Click Insert Video — WPZOOM’s trimming service processes the clip, saves an optimized MP4, and attaches it to the post.

A few things to know about the trimming service:

• It requires an active theme license.
• The source video must be public and reasonably short (up to about 30 minutes) — for a hover preview, a few seconds of footage is ideal.
• Vimeo sources must have Download enabled, otherwise the service cannot access the file. How to enable downloads on Vimeo.

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 as a background on the single post.
• Keep clips short and light: several of them can load on the same gallery page.

See also:

• Adding Portfolio Posts
• Capture Frame as Featured Image
• Setting Up the Video Lightbox in Portfolio