I am attempting to create a landing page with multiple Youtube videos on to be used as a step by step guide.
The videos show up fine in the editor view but when previewed/sent live, the videos shrink and go into a letterbox shape. Regardless of what I try within the module, nothing seems to fix it.
Alternatively, you can replace the default "modules.css" with your own CompanyModules.css as recommended in HubSpot's Boilerplate CSS. Also, if you have embeds that have aspect ratios other than 16x9 you might want to look into using something like fitvids.js
hi, its 7 years later now 2023, and i experience same issue. i embed the url from teh youtube video into a blog and it shrinks the framesize / looks unprofessional.
This page is an example of 2 videos side by side using a responsible table.
The code usually goes like this, where AAAA would be the code of your first youtube video and BBBB the second one. Now, if you want to have margings and space between them you can add more span sections. Just remember to make them all add to 12.
6-6
4-4-4
1-5-5-1
1-4-2-4-1
and so on.
If you just want to have one video per row, you can just create 1-10-1 rows.
Is anyone else having an issue inserting a video via a youtube link into their blog posts and the video being resized? Is there a fix for blogs not just landing pages?
Alternatively, you can replace the default "modules.css" with your own CompanyModules.css as recommended in HubSpot's Boilerplate CSS. Also, if you have embeds that have aspect ratios other than 16x9 you might want to look into using something like fitvids.js