HubSpot CMS Guide: How to add a YouTube video to your website

Last Modified: 07/24/2012
Author: Samuel Siskind

Here are instructions for how to add a video to one of your website pages. Having visual content on your HubSpot pages will help engage your customers and prospects.

1. Copy the Embed Code from YouTube

Go to the YouTube video that you would like to embed on one of your website pages, and click the Share button below the video.

User-added image
 

Click the Embed button that appears below.

User-added image
 

Make sure "Use old embed code" is unchecked and modify the video's dimensions if necessary, and then copy the code.

User-added image

 

2. Edit the module in which you want to add a video

Go back to your website page on the HubSpot CMS, and click the orange Edit button above the module in which you'd like to add a video.

User-added image

 

3. Embed the Video

Click the HTML icon in the module toolbar.

User-added image
 

Paste the YouTube embed code at the top of the HTML Source Editor that appears. Then click Insert.

User-added image
 

You should now see your video appear. Remember to click Save on this content module when you're done.

User-added image

Extra Step:

If the YouTube video is interfering with your HubSpot site's navigation, you may need to add an additional parameter to the youtube src parameter in the embed code. 

If the normal embed code is: 

<iframe width="560" height="315" src="http://www.youtube.com/embed/fWNaR-rxAic" frameborder="0" allowfullscreen></iframe>

You would need to add in the parameter ?wmode=opaque to the end of the src URL. The updated embed code would be: 

<iframe width="560" height="315" src="http://www.youtube.com/embed/fWNaR-rxAic?wmode=opaque" frameborder="0" allowfullscreen></iframe>

Was the content and structure of this article helpful? (If you are running into an issue in your account or have a specific question about your setup, please contact our Support team.)  Yes  No