Fixing Video Issues in the Appcues Editor

When embedding a Wistia video in an Appcues flow, you may find that the video does not actually show up when previewing the flow. This is a known bug in the Appcues editor, and while we work to fix it there is an east workaround you can implement yourself.

Here's a example of an embed code that Wistia generates:

<div style="padding:56.25% 0 0 0;position:relative;"><div style="height:100%;left:0;position:absolute;top:0;width:100%;"><iframe src="https://fast.wistia.net/embed/iframe/THE_VIDEO_ID?videoFoam=true" title="Wistia video player" allowtransparency="true" frameborder="0" scrolling="no" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="100%" height="100%"></iframe></div></div>

We'll just need to replace the
allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen 
with
allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true".

So the new embed code that you'll paste into the Appcues editor is:

<div style="padding:56.25% 0 0 0;position:relative;"><div style="height:100%;left:0;position:absolute;top:0;width:100%;"><iframe src="https://fast.wistia.net/embed/iframe/THE_VIDEO_ID?videoFoam=true" title="Wistia video player" allowtransparency="true" frameborder="0" scrolling="no" name="wistia_embed" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" width="100%" height="100%"></iframe></div></div>

And that will work!

Still need help? Contact Us Contact Us