Skip to Content

Customize the embedded video in a HubSpot Video module

When you create a HubSpot template using HTML and HubL, you might want to change the default embedded video in HubSpot's Video module to one of your own (which content editors can then update on the page as needed).

HubSpot's documentation for the default @hubspot/video module shows that there's an embed_field parameter that you can use that supports oembed and html embed types but doesn't currently provide a lot of detail on the exact parameters each type supports (although they do offer some detail on oEmbed here).

The code below will allow you to add your own custom default video to a HubSpot Video module in your template:

Paste the code above into your template and then update the content as needed (the video URL, provider, thumbnail... etc.) as needed. Note that the "html" parameter is the embed code for the video. 

Pro Tip: When you're not sure what parameters exist for a default HubSpot module, create a page and add the module with the content you would like to use.

Then, switch to Developer Mode by adding ?developerMode=true to the page's URL (or by using the HubSpot Developer Extension), click on the arrow for the section your module is in and "Copy as HubL".

copy-as-hubl

You'll be able to see any parameters HubSpot has used for that default module.

 

HubSpot Video Gallery Custom Module

Looking for a video gallery on HubSpot?

Download my Video Gallery module from the HubSpot Marketplace and create a video library in minutes! 

Download now

←  Previous Article

Compare two dates using HubL

Next Article  →

Prevent a header from overlapping a scroll/anchor link on HubSpot

Contact

Get help from a HubSpot CMS Expert

  • Custom HubSpot themes and reusable and easy-to-use HubSpot templates and modules
  • Technical support and guidance on the HubSpot CMS