Forum Discussion
Embedding Wistia video
I am trying to embed video hosted on Wistia into my Storyline 360 module using the 'Video from Website' option, and have two questions.
Wistia offers me two embed text options 'Recommended' and 'Fallback'. The recommended text gives an error in Storyline, but no indication of why it fails. The fallback option *does* work, but I'm keen to understand why the first option fails.
The next question is around the 'fullscreen' button in the controls. When I look at the video on the Wistia site I can see a fullscreen button, and I can see in the embed text several options with fullscreen (allowfullscreen
mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen), however, in the Articulate Review version of the module the fullscreen button is not visible. I think this could be related to the video being within a frame on the slide which can't get bigger than the slide itself?
I think my options are
1) have embedded video within the slide with no fullscreen option
2) have the video open in a new browser window/tab and have the fullscreen option available
Thanks for any advice and comment
Alastair
20 Replies
Hi Joshua and welcome to E-Learning Heroes. 😊
Since this conversation is a bit dated, it'd be best to start fresh with what you are experiencing.
With your permission, I'd like to take a look at your project file to investigate what's happening. You can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.
Hey Leslie,
Thanks for reaching out. In between asking that question and now I was actually able to resolve this problem. I ended up using code from one of their help pages around embedding videos rather than the built in embed code generated from a video itself. Pasting it below in case it helps anyone else out later on.
<iframe src="//fast.wistia.net/embed/iframe/[insert the last sequence of letters and numbers from your wistia video here]" 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>Big shout out to Joshua. I was struggling with the Wistia provided code as well. THANK YOU!
I appreciate the update and you sharing the solution, Joshua! 🎉
