Navigate to the page where you want to use the Rich Video Module.

Click the "Search modules" field and type "Video"

Click on "Rich Video" to drag it to the editor.

Click "Layout" to choose between variety of layout choices.

Click on the "i" icon to read the tooltips for the layout functionality. 

Click "Single Column" to get started if you just want one video in the row.

Click "Single Column" or any other option as per your preference. 

Click "Video Source" to choose the source of videos that you want to use. 

Click "Youtube" or you can choose from other options like HubSpot, Wistia, Vimeo etc.

Click "Link to" to link to an external URL or some pages, files or content. 

Click "URL" to add the URL in the field. 

Click here to change the thumbnail settings

Click "Replace" to change the image of the thumbnail. 

Click "Recent images" or upload new ones in the library. 

Click the "Alt text" field to add alt text to the chosen thumbnail image.

Click "Size" if you want to edit the size of the image from options. 

Click "Automatically adjust" or other options given in the size feature. 

Click "Image's original size" if you want to keep it in the same size.

The custom sizes can also be given to images. 

Click to choose between Image or SVG Code for the play icon. 

Click "SVG Code" if you want to add custom icons

Click this field to add the SVG icon code. 

Click "Play Icon Background Color" to add the colour to the button's background.

Click this text field to add color opacity

Click to add the hover color to the icon. 

Click "Multiple Column" in the layout options

Click "Columns Per Row" to add number of videos in a single row.

Click "+ Add" to add more number of columns in the layout.

Click "Youtube" to choose the source from the options

Click "Link to" add the links to the videos

Click here to enter into the General Settings

Click "Width" to add the width to the video card

Click "Center Aligned" or choose from the options

Click "Padding" to add the padding settings

Click "Add Border" to switch on the border settings

Click "Style" to choose from options for the borders

Click "Color" to add the color to the border

Click "Corner Edge" to curve the edge of the frame

Click "Add Shadow" to give shadow effects to the box

Click "Add Overlay" to activate the overlay settings

Click the "#" field to add the color and manage the opacity

Click "Play Icon with Text" from the layout option

Click here to manage the play icon settings

Click "Click here" to update the page and apply settings

HubSpot is a CRM platform. Learn how to effectively use HubSpot to manage your customers and other tips and tricks such as how to merge contacts or how to connect your Gmail account.