Halloween 40% off every Pro plan. Lifetime from $51, pay once.40% off Pro Vanishes in Claim40% off
Classic Elementor widget · Pro

Video Story for Elementor: Vertical video cards that play on hover and click

The Video Story widget is an Elementor video stories widget that turns your video posts into a row of story cards, like the stories and reels visitors know from social media. Each card shows a vertical video with its category, title and duration. Hover to preview it, click to play it with sound.

  • Vertical story cards
  • Plays on hover
  • Click for sound and controls
  • Category, title, meta, duration

Classic widget · Elementor 3 and 4 · ProUpdated

Live demos

Video story cards, live

Two story layouts on small sites: a magazine and a film studio. We cannot ship video files here, so each card shows a poster photo that pans while it plays. Hover a card, then click it.

Halden MagazineStyleVideoJournal
Video

This week in four clips

A woman in a field at golden hour
Style

The new season colours, explained in two minutes

0:38
A close-up beauty portrait
Beauty

A make-up artist on soft light and bold colour

0:52
A woman by the sea
Travel

One day by the sea with the spring collection

0:27
A woman in round sunglasses
People

Meet the stylist behind this month's cover

0:44
Magazines and lifestyle

Elementor video story cards for a magazine

The video page of a lifestyle magazine. Four tall cards sit in a row, each with a red category tag, the headline, the author and date, and a play icon with the length. Hover a card and the text fades while the clip plays. Click it for sound.

Hover a card, then click it

Pick the videos in Query, then open Layout and set four columns. Keep Title, Taxonomy and Meta on so each card shows its headline, category and author.

Sahara FilmsFilmsBehind the scenesContact
Behind the scenes

Stories from the set

A film crew working around a table
On set

Day one of shooting the desert road film

0:41
A dancer in warm light
Dance

Rehearsal with the lead dancer before the night shoot

1:03
A cinematographer holding a camera
Crew

Meet the camera team behind the trailer

0:35
Reels and behind the scenes

A row of rounded Elementor video reels

The behind the scenes page of a film studio. Three wide cards with rounded corners show only the category, a short headline and the length. Click one card, then another: the first stops and the second plays.

Click one card, then another

Use the same Query, set three columns in Layout and switch Meta off. Round the corners of the video in the Style tab, under Video.

Features

Features of Video Story

What the widget does, checked against the old demo page and its script, and tied to the panel.

Story-style cards

Each video sits in a tall card, like the Elementor Instagram style stories visitors know from social media. A row of Elementor video cards makes a quick video showcase.

Hover preview

Move the mouse over a card and its video plays muted and on a loop. Move away and it pauses and rewinds to the start. This Elementor video hover preview lets visitors scan many clips fast.

Click to watch

A click restarts the video with sound and adds the browser controls. The text overlay fades out so the video fills the card.

One story at a time

Playing a new card pauses every other card, mutes it and removes its controls, so only one video makes noise.

Posts as the source

Pick the stories in Query, then show or hide the Title, Excerpt, Taxonomy and Meta of each video post.

Duration on every card

A play icon and the length of the clip, such as 0:38, are read from the video file and shown on the card.

Highlighted titles

The first words of each title can be set in a heavier weight, which gives every card a headline and a quieter second line.

Style it to match

Set the grid in Layout and shape the Video, Content, Title, Taxonomy and Meta in the Style tab. Card height and columns change per device, so an Elementor short video grid or a row of Elementor vertical video cards stays readable on a phone.

Step by step

How to add video stories in Elementor

Five steps. The bold names are the labels in the Elementor panel.

  1. Install Animation Addons Pro, then turn on Video Story in Animation Addons → Elements.

  2. Add your videos as Video Story posts, each with a category, a title and a video file.

  3. In Elementor, search the panel for Video Story and drag it onto a page that uses the Full Width template.

  4. In Query pick the stories, then use Layout and Settings to set the grid and what each card shows.

  5. In the Style tab shape the Video, Title, Taxonomy and Meta, then preview and hover a card.

Get Animation Addons Pro Part of Animation Addons Pro · Works with Elementor Free
FAQ

Questions about Video Story

How to add video stories in Elementor?

Turn on the Video Story widget from Animation Addons Pro, add your video posts, then drag the widget onto a page and pick them in Query. Each video becomes a story card.

What does a visitor see on a story card?

A tall video with the category, title, author and date, plus a play icon and the duration. You can show or hide the title, excerpt, taxonomy and meta.

Do the videos play on hover?

Yes. The Elementor video play on hover effect runs muted and loops while the mouse is over the card. When the mouse leaves, it pauses and goes back to the start.

What happens when I click a card?

The video restarts with sound and the browser controls appear. The text overlay fades out, and any other card that was playing is paused and muted.

Can I use YouTube or Vimeo links?

The cards play video files from the post. For a YouTube or Vimeo player, use Elementor's Video widget or the Video Popup widget.

Can I make an Elementor video reels layout?

Yes. The cards are tall by default and you set their height in the Style tab. A row of four or three cards gives the look of social media reels.

Can I build a video gallery with it?

Yes. Query pulls many video posts into one grid, so it works as an Elementor video gallery where each clip previews on hover.

Does it work on mobile?

Yes. Columns and card height can change per device. Phones have no hover, so a tap plays the video with sound.

Do I need Elementor Pro for Video Story?

No. Video Story is part of Animation Addons Pro and works with Elementor Free. It is a classic widget, so it also runs in Elementor 4.

Is it an Elementor story widget for Instagram?

No. It does not connect to Instagram. It shows your own video posts in a story style, with the cards and the tap to play that visitors know from social media.

Animation Addons Pro · Elementor 4

Give your videos a story card

Vertical video story cards for Elementor, with hover preview and click to play.

Halloween deal40% off every Pro planEnds 5 Nov

  • 15-day money-back guarantee
  • Rated 4.6 / 5 on WordPress.org
  • No Elementor Pro needed
  • Elementor 3 & 4 in one license