Embed Video or Upload as Media File

You lot tin embed external media files, such as YouTube videos, in a rich text module in your pages, blog posts, and knowledge base articles. Videos can also be embedded in the video module in drag and drop areas of pages or the drag and drib email editor.

To rail interactions with a video, learn how to add HubSpot Video to your content instead.

Supported media types

The embed feature supports URLs in oEmbed format, which is common for most media types. Platforms that use the oEmbed format include YouTube, Spotify, and Vimeo. For a total list of supported media providers, see the oEmbed documentation.

Media files with additional security, such as private YouTube videos, are not supported.

Embed an external media file in a rich text module

Please notation: external media files cannot exist embedded in rich text modules in marketing emails.

You can embed a media file in a rich text module by pasting the URL directly into the rich text editor. If yous encounter an mistake message when adding your media file's URL, HubSpot recommends inserting the embed code instead.

Embed an external media file with a URL

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
  • Landing Pages: In your HubSpot business relationship, navigate to Marketing > Landing Pages.
  • Blog: In your HubSpot account, navigate to Marketing > Website > Blog.
  • Knowledge Base: In your HubSpot account, navigate to Service > Knowledge Base.
• Hover over your folio, mail, or article, and so clickEdit.
• In the content editor, click the rich text module.
• Paste theURLof the media file into the rich text module. The media file preview should populate automatically.

Embed an external media file with an embed code

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
  • Blog: In your HubSpot account, navigate to Marketing > Website > Weblog.
  • Noesis Base of operations: In your HubSpot account, navigate to Service > Knowledge Base.
• Hover over your folio, mail service, or commodity, then clickEdit.
• In the content editor, click the rich text module.
• In the rich text toolbar, click the Insert dropdown card and select Embed.
• In the dialog box, enter the external media file'sembed code. Y'all will be shown a preview of your file.
• Click Insert.

Format an external media file

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
  • Blog: In your HubSpot account, navigate to Marketing > Website > Weblog.
  • Knowledge Base of operations: In your HubSpot account, navigate to Service > Cognition Base.
• Hover over your folio, post, or article, then clickEdit.
• In the content editor, click the rich text module.
• Click theembedded file.
• Edit your media file's position, dimensions, and spacing in the toolbar.
  • To resize your file, enter pixel values for the width and peak.

• • To adjust the media file's position within a block of text, click the inline alignment icons.
  • To brand your video responsive, click the fullWidth full width icon. The video volition take upward the full width of the device information technology'due south viewed on.

Please note: embedded media files with a <script> tag are not supported in full width because they generate dynamic content.

• To edit advanced options for your media file, click the editedit icon.
  • Developers tin can edit the style and behavior of an embedded video in the Embed codetext field.
  • By default, media files utilise lazy loading and volition merely load if a visitor scrolls to their area of a page. To have your media file start loading when the page loads, click the Loading options dropdown menu and select Eager .

Supplant an external media file

If you demand to replace an embedded external media file, remove the original file, then embed the URL of the new file:

• Navigate to your content:

  • Website Pages: In your HubSpot account, navigate to Marketing > Website > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
  • Blog: In your HubSpot account, navigate to Marketing > Website > Web log.
  • Knowledge Base: In your HubSpot account, navigate to Service > Knowledge Base.
• Hover over your page, post, or commodity, then clickEdit.
• In the content editor, click the media file, then click the delete remove icon.
• Repeat the steps to embed a new file URL.

Embed an external video in a video module

You tin can likewise embed an external video on your page or a marketing email with a video module. This module is only available in drag and drib areas of pages and thedrag and driblet marketing e-mail editor.

Embed an external video in a video module in an email

• In your HubSpot account, navigate to Marketing > E-mail.
• Click theproper nounof the electronic mail.
• In the sidebar editor, click the Video module and drag it into your email.
• In the content editor, click the video moduleto edit its options.
• Under Video blazon, select Embed.
• Enter theVideo URL.

• Edit your video's dimensions, thumbnail image, and positioning in the left sidebar editor:
  • Enter a widthortopto resize the video.
  • To customize the video'due south thumbnail, click Upload imagesto upload an image from your reckoner, or click Browse imagesto add together an image from your files tool.
  • To ensure your video displays at full width on mobile devices, s elect the Show equally maximum width on mobile devices checkbox. Videos will never display at a width larger than their original dimensions.
  • To movement the video to the right or left, click the Alignmentdropdown and selectLeft, Center,orRight.
  • To add space to the sides of your video, click to toggle the Padding switch on. Enter pixel values for padding in the Top, Lesser, Leftand Righttext fields or select the Apply to all sidescheckbox to apply the same padding to all sides of the video.

Embed an external video in a video module on a page

Please note: the video module tin can but exist added to pages with a elevate and drop area.

• Navigate to your content:

  • Website Pages: In your HubSpot business relationship, navigate to Marketing > Website > Website Pages.
  • Landing Pages: In your HubSpot account, navigate to Marketing > Landing Pages.
• Hover over your page and click Edit.
• In the sidebar editor, click the Video module and drag it into your folio.
• In the content editor, click the video moduleto edit its options.
• In the Video blazon section of the sidebar editor, select Embed.
• Enter theVideo URL.

• Select whether the size of the video volition change on different devices:
  • Automatically adjust: your video will be responsive, i.e. it will scale based on browser and device size.
  • Exact width and elevation: your media volition always exist this exact size on all devices.
• If yous've set your video to exist responsive, select its maximum size:
  • Original size: the video will non calibration to be larger than its original size.
  • Full width: the video will have up the full width of the device it's viewed on.
  • Custom: the video will not exceed a specific width and superlative set in the sidebar editor. enter pixel valuesfor its dimensions in the Width andHeight text boxes.
• To customize your video'due south thumbnail image, c lickUpload to select a new file from your computer, or c lick Scan images to select an paradigm from your files tool.

Landing Pages Web log Website Pages

mowllmyserien.blogspot.com

Source: https://knowledge.hubspot.com/website-pages/embed-an-external-media-file

Share this post