In this guide, we will show you how to add the “Video on Hover widget” to your Elementor website. The Video on Hover widget automatically plays a video when users hover over an image or section, creating a dynamic and engaging effect. Perfect for adding movement and interactivity, this creative widget from Unlimited Elements enhances user engagement by transforming static visuals into immersive experiences.
Let’s explore the customization options available in the “Video on Hover widget” for Elementor below.
Elementor Video on Hover Tutorial Video (Step by Step Guide)
Add a Free Video on Hover to Elementor
Add a Free Video on Hover Widget to an Elementor Page
Elementor Video on Hover Widget General Settings
Image
Upload or select an image to be the video's cover.
Image Size
Choose the size for the selected image
Video Source
Select where the video is hosted (e.g., self-hosted, YouTube, Vimeo).
Video URL
Enter the direct link to the video file.
Transition Duration
Set the duration of the transition in milliseconds.
Elementor Video on Hover Widget Style Settings
Height Type
Choose the method for setting the widget's height.
Height
Set the specific height of the widget.
Border radius
Adjust the roundness of the corners.
Border Type
Select the style of the border.
Default
None
Solid
Double
Dotted
Dashed
Groove
Image Fit
Control how the image scales to fit the container.
Image Position
Set the alignment of the image within the widget.
Box Shadow
Add a shadow effect around the widget.
Image CSS Filter
Apply CSS filters like blur or grayscale to the image.
Video on Hover Widget Design Examples For Elementor
Here are some live use cases for the Video on Hover widget.
Video on Hover for About Page.
Video on Hover for Medical Website.
Thank you for using the Video on Hover widget for Elementor! This creative tool automatically plays a video when users hover over an image or section, adding motion and a dynamic, interactive effect to your website. With its smooth playback, customizable settings, and seamless integration from Unlimited Elements, it’s perfect for enhancing user engagement and bringing your designs to life. For questions or inspiration, feel free to reach out or explore our demo.