Skip to main content

Video Hover

Jørgen Wigum Lurvik avatar
Written by Jørgen Wigum Lurvik
Updated this week

The Video Hover element lets you make your website more interactive by showing a different video and text when someone hovers over it.

How to Add It:

  1. Open the Add Menu (Shortcut: M)

  2. Search for Video Hover

  3. Drag it onto your canvas

Uploading a Video from a URL:

  1. Double-click the Video Hover element

  2. Click the pen icon under Video background

  3. Choose From URL

  4. Name your video

  5. Click + Add Item and paste your video link

  6. Select the video type and Save

From Your Computer:

  1. Double-click the Video Hover element

  2. Click the pen icon

  3. In the gallery, hit Upload, then choose your file

Styling Options:

Background Overlays:

  • Default Overlay – for the normal state

  • Hovered Overlay – for when the mouse is over it

Text:

  • Style both default and hover texts separately

  • Adjust padding, borders, border radius, and effects like shadow or blur

  • Effects: Add different types of shadows or blur effects. Learn more about effects.

Configuration Settings:

Double-click the element to edit:

  • Default Text – shows when not hovered

  • Hover Text – shows on hover

  • Video Background – plays when not hovered

  • Hover Video – plays on hover

Did this answer your question?