Aug 13, 2020 5:04 PM - edited Aug 14, 2020 10:41 AM
Embedding videos in the KB article strips out our tags within the div, so we are unable to make the embed responsive on all devices. Even while we use the HubSpot div class wrapper your system still forces the embed to a fixed size. This doesn't look good on smaller devices and on mobile.
I was provided this article, but it does not support responsive embeds in the knowledgebase, only on other HS pages and blog posts. The embed editor ->Style tab in a KB article does not have the same option to choose "Fixed Width" or "Full Width" as it does in other places.
Here's a snippet of the article.
And here's the style choice currently available in the KB article:
Here's most of the embed we're trying to use before it gets forced to a fixed size:
<div class="hls-responsive-embed-wrapper" style="width: 100%; height: auto; position: relative; overflow: hidden; min-width: 320px; margin: 0px auto;display: block;"> <div style="overflow: hidden; padding-bottom: 56.25%; position: relative; margin: 0; max-width: 100%;"> <iframe src="REMOVED URL" scrolling="no" allow="autoplay" allowfullscreen frameborder="0" marginheight="0" marginwidth="0" style="border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;"></iframe> </div> </div>
Hoping there is a workaround, does anyone else have this problem or have a solution?
Aug 17, 2020 3:14 AM
Aug 17, 2020 9:44 AM - edited Aug 17, 2020 9:45 AM