Featured Videos Documentation

Overview

A "Featured Videos" Module is a prominent section in digital platforms (websites, mobile apps, or dashboards) that showcases curated, high-priority, or trending video content to attract user attention and boost engagement. This module is commonly used in streaming platforms, educational sites, and e-commerce websites. A Featured Videos Module is a dedicated section designed to highlight important or curated video content. Below is a detailed breakdown of its core and advanced features:

Features Included

Here are key features and effects that you might find in a "Featured Videos" module:

• Video Types: Video types such as "YouTube", "Vimeo" and "Uploaded File" are supported.
• Display Options: Offers various display options such as "Default", "Popup" and "Background" for flexible design.
  • Popup Video: You can also display the video in a popup. According to your design.
• Video Preview:
  • Thumbnail Hover Effects: Play short previews or animations when hovering over a video thumbnail.
  • Autoplay Option: Automatically play a muted preview of the featured video.
• Video Metadata: Titles, descriptions, and categories. You can use it.
  • Content Position: You can set the video meta position according to your design. Such as "Top Left", "Top Middle", "Top Right", "Middle Left", "Middle Center", "Middle Right", "Bottom Left", "Bottom Middle" and "Bottom Right".
• Video height setting: You can set video height manually. Such as "Desktop", "Tablet" and "Mobile".
• Interactive Demos: Allow users to interact with the Featured Videos through interactive demos. Click here view demo
• Unlimited Customization: Endless customization possibilities for design, allowing users to tailor the interface to their preferences without constraints.
• Smooth Transitions and Animations: Implementation of visually appealing transitions and animations to provide a polished and modern user experience.
• Cross-Browser Compatibility: Test and ensure compatibility with major browsers to provide a consistent experience. Consider using browser prefixes or polyfills for CSS features if needed.
• Responsive Design: Ensures a seamless and accessible user journey, accommodating users on different devices without compromising functionality or design.

By incorporating these features, your Featured Videos Module can provide a user-friendly and visually appealing way to organize and present information on your website.

Module Setup

Setting up the "Featured Videos" Module is easy and straightforward. All you have to do is perform a simple drag and drop. 

Now let’s go through the setup steps:

• Login to your HubSpot account and left side navigate to the “Content” tab.

• Click on “Content” in the dropdown menu and select “Website Pages” from the extended menu.

• Under the module selection menu, search for “Featured Videos” and select the module

• Now simply pick the "Featured Videos" module, drag, and drop it wherever you want on your page. You’ll see a new module appear on the page.

Figure: Drag and Drop View

Content Setting

Figure: 2

Style Setting

Figure 2: