Hubspot video embedding guide

Adding video to your Hubspot content is one of the most effective ways to boost engagement on website pages, landing pages, blog posts, and knowledge base articles. This guide walks you through every supported method so you can embed videos reliably and keep your pages loading fast.

Hubspot video options: what you can use

When working in Hubspot content editors, you have several different video sources available depending on your subscription and tools. Understanding these sources is the first step before embedding.

• HubSpot Video (powered by Vidyard) for hosting and analytics
• External video URLs (for example YouTube, Vimeo, or other players)
• Embed codes and iframe snippets from third‑party platforms
• Files stored in the HubSpot file manager but not using HubSpot Video

Not every option supports the same features. For example, HubSpot Video provides built‑in analytics and some customization, while generic external embeds may rely on the provider for analytics and styling.

Preparing to add video in Hubspot content

Before you start inserting videos into Hubspot pages or posts, confirm the following:

• Your user has access to the website, landing page, blog, or knowledge base tools.
• You know whether you are using a drag and drop editor or a classic editor.
• You have the video source ready: a URL, an embed code, or a file stored in HubSpot.

It is also helpful to define the goal of each video, such as product explanation, customer story, or onboarding. This will guide placement and length decisions in Hubspot layouts.

How to add HubSpot Video to pages

If you have access to HubSpot Video, you can insert hosted videos directly into drag and drop website and landing pages. This provides smooth playback, responsive sizing, and alignment with your design system.

Insert HubSpot Video in drag and drop areas

1. In Hubspot, navigate to Marketing > Website > Website pages or Landing pages.
2. Open the page you want to edit, then switch to the edit view.
3. In the left sidebar, locate the Video module.
4. Drag the Video module into your page layout where you want the video to appear.
5. In the module settings, click Select video or Browse files.
6. Choose an existing video from your HubSpot files or upload a new one.
7. Configure options such as autoplay, loop, mute, and controls (when available).
8. Click Apply or Done, then publish or update the page.

When you use HubSpot Video in Hubspot pages, the system automatically handles responsive sizing for different screen widths, which improves user experience on mobile devices.

Insert HubSpot Video in rich text modules

For some templates, you may work primarily with a rich text module. You can still embed HubSpot Video within this content area.

1. In the Hubspot page editor, click inside the Rich text module.
2. Place your cursor where the video should appear.
3. In the toolbar, click the Insert dropdown or Video icon (name may vary).
4. Select Video, then choose a file from HubSpot or upload a new one.
5. Adjust alignment, spacing, and width (if available) so that the video fits your design.
6. Save your changes and update the page.

This approach lets you mix text, images, CTAs, and HubSpot Video in a single content block to tell a cohesive story.

How to embed external videos in Hubspot

You can also embed video from external services such as YouTube or Vimeo. In Hubspot, this is typically done by using either a video URL field or a custom embed code.

Embed via external video URL

1. Copy the shareable video URL from your external platform (for example, the YouTube watch URL).
2. Open your Hubspot page, blog post, or knowledge article in the editor.
3. If the template has a Video module that accepts URLs, drag it into your layout if it is not already on the page.
4. In the module’s settings, paste the external video URL into the provided field.
5. Preview the page to confirm that the video player loads correctly.
6. Publish or update the content when you are satisfied.

This is the simplest way to embed external content in Hubspot pages that support direct URL input.

Embed via iframe or custom code in Hubspot

For platforms that provide an HTML embed snippet, you will use a custom HTML or rich text module in Hubspot.

1. From your external video provider, copy the full <iframe> or embed snippet.
2. In the Hubspot editor, locate or add a Custom HTML or Rich text module.
3. Open the module and switch to the HTML view if necessary.
4. Paste the embed code into the HTML field.
5. Save and preview the page to ensure the video displays and is responsive.
6. Publish or update when finished.

Because this method uses raw code, it gives you more flexibility but also requires you to ensure that the embed is secure and mobile‑friendly in Hubspot layouts.

Adding video to Hubspot blog posts

Blog posts in Hubspot use rich text editors, which support both HubSpot Video and external embeds. Use the same techniques described above, but within the blog tool.

1. In the main navigation, go to Marketing > Website > Blog.
2. Create a new post or edit an existing one.
3. Click into the body editor at the point where the video should appear.
4. Use the Insert menu or video icon to add a HubSpot Video, a video URL, or an embed code.
5. Adjust alignment and spacing so that the video fits the flow of your article.
6. Update SEO settings, then publish or schedule the blog post.

Embedding video in Hubspot blog posts is particularly effective for tutorials, product walkthroughs, and case studies.

Adding video to knowledge base articles in Hubspot

Customer support and documentation often benefit from short, focused clips. In the Hubspot knowledge base editor, you can embed videos in the article body.

1. Navigate to Service > Knowledge Base in your Hubspot account.
2. Create a new article or open an existing one in the editor.
3. Click in the rich text area where the video belongs.
4. Insert a HubSpot Video or paste an embed code using the editor toolbar.
5. Preview the article and test the video playback.
6. Publish your updates once everything looks correct.

This method keeps your support content centralized in Hubspot while taking advantage of visual demonstrations.

Best practices for video performance in Hubspot

To ensure that video does not slow down your Hubspot pages or harm user experience, follow these optimization tips.

• Keep file sizes reasonable: Use modern codecs and compress large files before uploading to HubSpot Video.
• Use responsive embeds: Make sure iframe or custom code is mobile‑friendly and scales with container width.
• Limit autoplay: Only enable autoplay where it strongly supports your goal, as it can impact load and accessibility.
• Add transcripts or captions: Improve accessibility and SEO by providing text alternatives near your Hubspot video content.
• Test on multiple devices: Always preview on desktop and mobile before publishing.

Advanced Hubspot video workflows and resources

Once you have basic embedding in place, you can build more advanced experiences around your videos in Hubspot.

• Use CTAs and forms near videos to capture leads after a viewer finishes watching.
• Create follow‑up email sequences that link back to video‑rich Hubspot pages.
• Incorporate video into pillar pages and topic clusters as part of your SEO strategy.

For more detailed technical instructions and the most up‑to‑date supported methods, see the official documentation on how to add videos to HubSpot content on the HubSpot Knowledge Base.

Get help implementing video in Hubspot

If you need strategic support implementing video across complex Hubspot websites, working with a specialist agency can save time and ensure your configuration follows best practices.

Visit Consultevo for consulting, implementation, and optimization services designed to help you get more value from your Hubspot investment.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`