Wistia-hosted video not displaying via video embed

May 23, 2014

Normally I've been able to embed Wistia-hosted videos into Storyline using iframe embed code such as that shown below. However now it's not displaying in the Articulate slide. Instead, after inserting the embed code I'm getting a web-page error that reads "Navigation to the web page was cancelled." And when I publish the html output shows a blank page.

I've used embed code to Wistia-hosted videos in Storyline in the past with no problem. What gives?

Sample embed code.  

<iframe src="//fast.wistia.net/embed/iframe/xv3elj03qr" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="480" height="270"></iframe>

25 Replies
Ashley Terwilliger-Pollard

Hi Darrin, 

I'm not much of a code reader - so I wouldn't know for a fact that anything is off within your code, but I saw the same behavior when adding the code to Storyline. I'm curious if you've tried other Wistia videos or Youtube videos to narrow down where the issue occurs. In regards to being able to previously use the code - was it prior to a Storyline update? Have you looked at one of those older courses to see if Wistia changed how it sets up the embed code? 

Ashley Terwilliger-Pollard

Hi Clayton and welcome to Heroes!

I don't see any other updates from Darrin - so I'm not sure what he ended up determining in regards to how Wistia videos played. You'll want to be sure you're following the directions here in regards to inserting a web object.   Also, that image shows it within your .story file - have you tried publishing and testing the published output within the intended environment to see how it behaves? 

Darrin hayes

Apparently the issue is Storyline doesn't identify the Protocol Relative URL that Wistia provides in the default iFrame embed code. Here's what I learned from Wistia:

The reason for this is whatever you're using to build the website the video is embedded on isn't capable of identifying a Protocol Relative URL (which is why there is no HTTP needed in the iFrame embed code). You'll need to manually add it in order for your site to process the video correctly.

So in order to correct it manually, you have to enter "http:" in front of the "//fast.wistia.net/..." that Wistia gives you. Not a big deal once you know the trick. At least that works for me.

 

Cynthia Haan

I have been trying the same thing, but no matter what code I add as a web object, it does not work. I'm using the default embed codes from Wistia (have tried all of them, in several combinations, and I've added both http: and https: to the link, but the error message I get in Storyline 2 is that it is not a good link. So am I adding the code incorrectly? if that code is not recognized as a website, do i still enter it in the Http line in the dialog box? Do I put an http: code before the <iframe src... code? please help. :) 

Glenda DeHoff

Found it!

<iframe src="//fast.wistia.net/embed/iframe/videocodegoeshere] allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" oallowfullscreen="" msallowfullscreen="" width="620" height="349"></iframe>

<script src="//fast.wistia.net/assets/external/E-v1.js" async=""></script>