HubSpot CMS Guide: How to add a YouTube video to your website
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.
Click the Embed button that appears below.
Make sure "Use old embed code" is unchecked and modify the video's dimensions if necessary, and then copy the code.
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.
3. Embed the Video
Click the HTML icon in the module toolbar.
Paste the YouTube embed code at the top of the HTML Source Editor that appears. Then click Insert.
You should now see your video appear. Remember to click Save on this content module when you're done.
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>