Skip to main content

Video Hover

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

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?