Landing Pages

Make your external embedded video responsive

Last updated: October 28, 2019

Applies to:

Marketing Hub  Professional, Enterprise
Legacy Marketing Hub Basic
HubSpot CMS

To make your embedded video responsive, customize the video's default size using the styling tools in the content editor. If you're comfortable working with HTML, you can customize your embedded video with custom code.

Please note: only videos from supported external sources can be edited with the default styling tools in the editor. If you've embedded a file from a different provider and want to customize the styling, work with a designer to modify the styling of your page or blog post.

Make your embedded video responsive

  • In your HubSpot account, navigate to website pages, landing pages, or blog posts.
  • Click the Name of the blog post or page that contains your embedded video.
  • In the content editor, click the video you've embedded, then click Edit.
  • In the Embed options dialog box, select the Full width option.

edit-embedded-media-file

Your video will now take up the full width of any device used to view your content.

Customize the styling of your embedded video with code

Please note: only use this method if you're comfortable working with HTML.

To customize the styling applied to your embedded video:

  • In your HubSpot account, navigate to website pages, landing pages, or blog posts.
  • Click the Name of the blog post or page that contains your embedded video.
  • In the content editor, hover over the video you've embedded, then click Edit.
  • In the Embed options dialog box, click the Content tab to modify the source code of your embedded video.

edit-source-code-of-embedded-video

  • Click Save to apply your changes.