Auto Hover Video Module lets you showcase MP4 or YouTube videos with auto-hover play and responsive layouts. Videos stay muted on hover; click the sound icon to enable audio. Supports multiple layouts, grids, full-width display, and titles/descriptions for an interactive experience.
Auto Hover Video Documention
1. Introduction (Overview)
2. Key Features
- Auto Hover Play: Videos start playing automatically when hovered over, with muted audio by default.
- Sound Control: A sound icon appears on hover; clicking it enables audio playback.
- Flexible Video Sources: Supports MP4 (custom) and YouTube videos.
- Multiple Layouts:
2-column layout: Mix MP4 and YouTube videos side by side.
Full-width layout: Display a single video across the page.
3-grid layout: Display multiple videos with accompanying content. - Content Options: Add titles, descriptions with each video card.
- Video Height Control: Adjust video height individually for desktop, tablet, and mobile.
- Cards Per Row: Choose 1, 2, or 3 video cards per row to create a responsive layout.
- Responsive & Interactive: Fully responsive design with smooth hover effects and clean video display.
3. Installation – Downloading the Module from HubSpot Marketplace
- Log in to your HubSpot account.
- Go to the Marketplace from the main navigation menu.
- Search for your module by name.
- Find the module in the results and click Install.
- If it’s a paid module, you can also click Buy Now to purchase and install directly.
4. How to Use – Adding the Module to Your Page
- Open your HubSpot page editor.
- Click on Add Module.
- Search for your module by name.
- Drag and drop the module into the desired section of your page.
-
Auto Hover Video Module showcases MP4 or YouTube videos with auto-hover play and clickable sound. Supports responsive layouts, grids, full-width display, and titles/descriptions for an interactive experience.
5. Module Settings Guide
1. Content Tab- Add and Update Multiple Video Cards –Easily add multiple videos and update their content anytime.
- Content Options: Add titles, descriptions with each video card.
- Flexible Video Sources: Supports MP4 (custom) and YouTube videos.
2. Style Tab
- Module Width: Choose between custom or full width layout
- Module Spacing: Adjust padding and margin for proper spacing
- Cards Per Row: Display 1, 2, or 3 cards per row
- Card Design: Customize background color and border radius
- Content Visibility: Show or hide title and description per card
- Typography: Fully control font, color, line height, and size for desktop, tablet, and mobile
- Video Height: Set video height separately for desktop, tablet, and mobile
- Sound Icon: Customize the color of the sound icon

6. Examples / Demo Preview
View the module in action:https://www.modfrybus.shop/auto-hover-video
7. Support & Contact
For questions or support, contact us at productqueriemodfrybus@outlook.com We’re happy to help!