Embedding Videos from Wistia

So we are having a display issue when embedding videos from Wistia.  The screenshot is attached.  Basically, Rise is creating a new border around the video and including information like Length, title, Wistia Inc... all stuff that does not show up when embedded in Storyline or a normal webpage layout.

 

Here is the code (we had to use the fallback iFrame code since rise wont accept the JS embed code from Wistia...I did test both methods in a web and storyline environment) 

 

<iframe src="//fast.wistia.net/embed/iframe/0slhq1wvfn" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="640" height="357"></iframe>
<script src="//fast.wistia.net/assets/external/E-v1.js" async></script>

9 Replies
Equipo eLearning

I work with Wistia too and have two previous questions:

1- Which is the embed code we have to use for Rise? Inline?

2- What URLs should we authorize in Wistia to view the videos? I tried with rise.articulate.com, articulate.com and rise.articulate.com/author/[autor-hash] with no luck.

Thanks

Ashley Terwilliger

Hi Gareth,

If you're seeing an error about an invalid embed in Rise, ere are a few tips for troubleshooting:

  • Make sure your embed code has opening and closing iframe tags: <iframe …></iframe>.
  • Don't add text between or outside the opening and closing iframe tags. For example, this won't work: <iframe …>Powered by Office Online.</iframe>.
  • Don't use single quotes for iframe attributes. Use double quotes. Invalid: width='500px'. Valid: width="500px".
  • Don't use curly quotes for iframe attributes. Use straight quotes. Invalid: width=“500px”. Valid: width="500px".

You may also want to review this article on, Rise: Embedded Content Is Missing or Blank

Let us know if you need any other help!