CMS Development

donnakat1
Participant | Partner
Participant | Partner

Wistia embed code changes to hubl code

I have been adding Wistia videos into my blogs for quite some time using a custom player with interactive transcripts from 3Play Media. Recently, HubSpot made a change to the system that forces the embed code into a single line of hubl code.

 

This is the code I put in.

<code> <script src="https://fast.wistia.com/embed/medias/hgb80gq9ag.jsonp" async></script><script src="https://fast.wistia.com/assets/external/E-v1.js" async></script><div class="wistia_responsive_padding" style="padding:56.25% 0 0 0;position:relative;"><div class="wistia_responsive_wrapper" style="height:100%;left:0;position:absolute;top:0;width:100%;"><div class="wistia_embed wistia_async_hgb80gq9ag videoFoam=true" style="height:100%;position:relative;width:100%"><div class="wistia_swatch" style="background:#000;height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;"><img src="https://fast.wistia.com/embed/medias/hgb80gq9ag/swatch" style="filter:blur(5px);height:100%;object-fit:contain;width:100%;" alt="" onload="this.parentNode.style.opacity=1;" /></div></div></div></div> </code>

 

This is what it rewrites to.

<code>{{ script_embed('wistia', 'hgb80gq9ag', ', ', 'inline,responsive') }}</code>

 

I would normally add an id into the embed code that would link the transcript to the video but am unable to do it in this form. I need to know, am I the only one having this issue? How do I stop the embed code from parsing into hubl code?

 

I am now using the iframe which allows me to link the transcripts but not the manipulate the annotated link in the video. It is a one or the other situation.

 

Here is a link to the blog with the transcript working and the link ugly: https://www.directimages.com/blog/interactive-marketing-in-a-world-full-of-content

 

Here is a link to the link working and the transcript broken: https://www.directimages.com/blog/things-you-need-to-know-about-building-a-content-marketing-plan

2 Replies 2
gabriel-nextiny
Guide | Diamond Partner
Guide | Diamond Partner

Wistia embed code changes to hubl code

Hi @donnakat1

Why don't you use Wistia's closed caption feature and their transcription services?

I haven't use 3Play Media, but Wistia's CC feature is amazing!

G

0 Upvotes
donnakat1
Participant | Partner
Participant | Partner

Wistia embed code changes to hubl code

The bosses that be like the tabbed video description and interactive transcript. So, I have to do what I can to get it working again.

0 Upvotes